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

diff index.html @ 0:12d9c981a5f4
add source
author: ryokka
date: Wed, 29 May 2019 18:53:44 +0900
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/index.html	Wed May 29 18:53:44 2019 +0900
@@ -0,0 +1,43 @@
+<!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>