|
0
|
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>
|
