Mercurial > hg > Members > ryokka > 43slide-viewer

comparison index.html @ 0:12d9c981a5f4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add source
author ryokka
date Wed, 29 May 2019 18:53:44 +0900
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:12d9c981a5f4
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>DemoApp</title>
6 <meta name="description" content="">
7 <meta name="keywords" content=""/>
8 <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
9 <meta http-equiv="X-UA-Compatible" content="IE=edge">
10 <link rel="stylesheet" href="style.css">
11 </head>
12
13 <body ng-app="app" ng-controller="RootCtrl as root">
14 <div id="menu-bar">
15 <input type="text" id="url" value="file:///Users/ryokka/cr/lab-slides/build/slide.html"></input>
16 <button onclick="load();">Load</button>
17 </div>
18 <div id="webview_wrapper" style="position: relative">
19 </div>
20 </body>
21
22 <script>
23 "use strict";
24 function load(){
25 // reset_webview_wrapper
26 var webview_wrapper = document.getElementById("webview_wrapper");
27 webview_wrapper.removeChild(webview_wrapper.lastChild);
28 /* webview_wrapper.style.left='10.67%'; */
29
30 // get url
31 var url = document.getElementById("url").value;
32
33 // create_new_webview_instanse
34 var newWebview = document.createElement("webview");
35 newWebview.id = "foo";
36 newWebview.style = "display:inline-flex; width:800px; height:600px;";
37 newWebview.setAttribute("src",url);
38 // append new_webview
39 webview_wrapper.appendChild(newWebview);
40
41 }
42 </script>
43 </html>