Begin adding control area. Remove un-needed comment.

This commit is contained in:
Rob L 2016-07-08 15:07:21 -04:00
parent ec3ed413bf
commit f213489a6e
2 changed files with 13 additions and 4 deletions

8
js/GUI.Utils.js Normal file
View File

@ -0,0 +1,8 @@
function openTab(tabName) {
var i;
var x = document.getElementsByClassName("tab");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(tabName).style.display = "block";
}

View File

@ -4,18 +4,19 @@
<script src="js/three.js"></script>
<script src="js/OrbitControls.js"></script>
<script src="js/three-text2d.js"></script>
<script src="js/Detector.js"></script> <!-- Not sure if this is even needed anymore. -->
<script src="js/Detector.js"></script>
<script src="js/mapviewgl.js"></script>
<style type="text/css">
body { margin: 0; }
canvas { width: 100%; height: 100% }
#reset-button { position: absolute; top:0; left:90%; background-color:#AAA; width: 50px; height:25px; color:#FFF; font-weight: bold; text-align:center;}
canvas { width: 75%; height: 100% ; }
#reset-button { position: absolute; top: 0; left: 90%; background-color: #AAA; width: 50px; height: 25px; color: #FFF; font-weight: bold; text-align: center;}
#controls { position: fixed; left: 85%; height: 100%; width: 15%; background-color: #FFF; }
</style>
</head>
<body>
<div id="container"></div>
<div id="reset-button" onClick="reset_view();"> Reset </div>
<div id="controls"> </div>
</body>
</html>