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

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>DemoApp</title>
 <meta name="description" content="">
 <meta name="keywords" content=""/>
 <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <link rel="stylesheet" href="style.css">
</head>

<body ng-app="app" ng-controller="RootCtrl as root">
 <div id="menu-bar">
   <input type="text" id="url" value="file:///Users/ryokka/cr/lab-slides/build/slide.html"></input>
   <button onclick="load();">Load</button>
 </div>
 <div id="webview_wrapper" style="position: relative">
 </div>
</body>

<script>
 "use strict";
 function load(){
     // reset_webview_wrapper
     var webview_wrapper = document.getElementById("webview_wrapper");
     webview_wrapper.removeChild(webview_wrapper.lastChild);
     /* webview_wrapper.style.left='10.67%'; */

     // get url
     var url = document.getElementById("url").value;

     // create_new_webview_instanse
     var newWebview = document.createElement("webview");
     newWebview.id = "foo";
     newWebview.style = "display:inline-flex; width:800px; height:600px;";
     newWebview.setAttribute("src",url);
     // append new_webview
     webview_wrapper.appendChild(newWebview);

 }
</script>
</html>
author	ryokka
date	Wed, 29 May 2019 20:13:51 +0900
parents	12d9c981a5f4
children