Zjs/ZjsComponent/zjs-component.html

61 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html lang=en-US>
<head>
<title>JSON-HTML Test</title>
<script src='/quicklee/webroot/js/fluent.js'></script>
<script src='/quicklee/webroot/js/util.js'></script>
<script src='/quicklee/webroot/js/rpc.js'></script>
<script src='/quicklee/webroot/js/crud.js'></script>
<script src='/quicklee/webroot/js/zjs/zjs-component.js'></script>
<link rel="stylesheet"
href="../css/themes/colors/muted.css">
<link rel='stylesheet'
href='../css/themes/classless/vanilla.css' />
<link rel='stylesheet'
href='../css/themes/brand/olive.css' />
<link rel='stylesheet'
href='../css/layouts.css' />
<meta name='viewport'
content='width=device-width, initial-scale=1'>
</head>
<body>
<div class=grid-2>
<div>
LHS Menu stuff
<hr>
<button onclick='removeElement("#first")'>Remove First</button>
<button onclick='removeElement("#second")'>Remove Second</button>
</div>
<div>
<zjs-component id=first
display=inline
remote-src=zjsc/component-1.zjsc
counter-2=100>
</zjs-component>
<hr>
<zjs-component id=second
remote-src=zjsc/component-1.zjsc
counter-2=200>
</zjs-component>
</div>
</div>
<script>
function removeElement(qselector) {
document.querySelector(qselector).remove();
}
</script>
</body>
</html>