Mercurial > hg > nodescore
diff www/old/admin.html @ 42:49c94f63b8b0
css for nexus 7 and associated files- archive m.a added - remove later
| author | tzara <rc-web@kiben.net> |
|---|---|
| date | Tue, 04 Sep 2012 07:25:49 +0000 |
| parents | |
| children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/www/old/admin.html Tue Sep 04 07:25:49 2012 +0000 @@ -0,0 +1,122 @@ +<!DOCTYPE html> +<html> +<head> + +<link href="/css/style-admin.css" rel="stylesheet"> +<link href="/css/chat.css" rel="stylesheet"> + +<script src="/socket.io/socket.io.js"></script> +<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> +<script src="/jquery-ui/js/jquery-ui-1.8.17.custom.min.js"></script> +<script src="/js/movable.js"></script> +<script src="/js/socket-ctrl.js"></script> +<script src="/js/serverstopwatch.js"></script> +<script src="/js/jquery.cookie.js"></script> + +</head> + +<body onload='sendGoto("1","0"); sendGoto("2","0"); sendGoto("3","0"); sendGoto("4","0"); rememberPosition();'> +<script type="text/javascript"> + +function show_alert() { alert("INTERFACE ELEMENTS ARE DRAGGABLE || COOKIES MUST BE ENABLED FOR POSITIONS TO BE REMEMBERED ||for best experience use chromium browser or recent firefox."); +} + +show_alert() +</script> + + +<div id="title" class="ui-widget-content"> +<script type="text/javascript">$('#title').draggable({ stop: function (event, ui) {setCookie("titleX", ui.position.left, 200); setCookie("titleY", ui.position.top, 100);} });</script> +<h1>NodeScore</h1> + +<br/> +<h2>Score Controls</h2> +<br/> +</div> +<div id="stopw" > +<script type="text/javascript">$('#stopw').draggable({ stop: function (event, ui) {setCookie("stopwX", ui.position.left, 200); setCookie("stopwY", ui.position.top, 100);} });</script> +<div class="stopwatch" id="clientclockx"> +... +</div> + +<form name="timeform"> +<input type=hidden name="timetextarea" value="00:00:00" size="10" style = "font-size:3px"> +<input type=button name="start" value="Start" onclick="sw_start()"> +<input type=button name="stop" value="Stop" onclick="Stop()"> +<input type=button name="reset" value="Reset" onclick="Reset()"> +</form> +</div> + +<div id="ctrls" > + +<script type="text/javascript"> + +document.write('<div id="ctrla" class="ui-widget-content">'); +document.write('<h2>Group A</h2><br/>'); + for( i=1; i <= 24; i++){ + var x=1; + document.write("<button onclick='sendGoto("+x+","+i+")'>"+pad2(i)+"</button>"); + } + document.write('</div>'); + $('#ctrla').draggable({ stop: function (event, ui) {setCookie("ctrlaX", ui.position.left, 200); setCookie("ctrlaY", ui.position.top, 100);} }); + </script> + +<script type="text/javascript"> +document.write('<div id="ctrlb" class="ui-widget-content">'); +document.write('<h2>Group B</h2><br/>'); + for( i=1; i <= 24; i++){ + var x=2; + document.write("<button onclick='sendGoto("+x+","+i+")'>"+pad2(i)+"</button>"); + } + document.write('</div>'); + $('#ctrlb').draggable({ stop: function (event, ui) {setCookie("ctrlbX", ui.position.left, 200); setCookie("ctrlbY", ui.position.top, 100);} }); + </script> + +<script type="text/javascript"> +document.write('<div id="ctrlc" class="ui-widget-content">'); +document.write('<h2>Group C</h2><br/>'); + for( i=1; i <= 24; i++){ + var x=3; + document.write("<button onclick='sendGoto("+x+","+i+")'>"+pad2(i)+"</button>"); + } + document.write('</div>'); + $('#ctrlc').draggable({ stop: function (event, ui) {setCookie("ctrlcX", ui.position.left, 200); setCookie("ctrlcY", ui.position.top, 100);} }); + </script> +<script type="text/javascript"> +document.write('<div id="ctrld" class="ui-widget-content">'); +document.write('<h2>Group D</h2><br/>'); + for( i=1; i <= 24; i++){ + var x=4; + document.write("<button onclick='sendGoto("+x+","+i+")'>"+pad2(i)+"</button>"); + } + document.write('</div>'); + $('#ctrld').draggable({ stop: function (event, ui) {setCookie("ctrldX", ui.position.left, 200); setCookie("ctrldY", ui.position.top, 100);} }); + </script> +</div> +<br/> + +<div class="previews"> +<iframe class="ui-widget-content" id="preview201" src="http://nodescore.kiben.net" width="300" height="200" scrolling="no" border="0"></iframe> +<script type="text/javascript">$('#preview201').draggable({ stop: function (event, ui) {setCookie("preview201X", ui.position.left, 200); setCookie("preview201Y", ui.position.top, 100);} });</script> +<iframe class="ui-widget-content" id="preview202" src="http://nodescore.kiben.net" width="300" height="200" scrolling="no" border="0"></iframe> +<script type="text/javascript">$('#preview202').draggable({ stop: function (event, ui) {setCookie("preview203X", ui.position.left, 200); setCookie("preview202Y", ui.position.top, 100);} });</script> +<iframe class="ui-widget-content" id="preview203" src="http://nodescore.kiben.net" width="300" height="200" scrolling="no" border="0"></iframe> +<script type="text/javascript">$('#preview203').draggable({ stop: function (event, ui) {setCookie("preview203X", ui.position.left, 200); setCookie("preview203Y", ui.position.top, 100);} });</script> +<iframe class="ui-widget-content" id="preview204" src="http://nodescore.kiben.net" width="300" height="200" scrolling="no" border="0"></iframe> +<script type="text/javascript">$('#preview204').draggable({ stop: function (event, ui) {setCookie("preview204X", ui.position.left, 200); setCookie("preview204Y", ui.position.top, 100);} });</script> +</div> +<br/> + + +<div id="chat" class="ui-widget-content" > +<script type="text/javascript">$('#chat').draggable({ stop: function (event, ui) {setCookie("chatX", ui.position.left, 200); setCookie("chatY", ui.position.top, 100);} });</script> +<div id="nicknames"></div> +<div id="messages"> +<div id="lines"></div> +<form id="send-message"><input id="message"><button>Send</button></form> +<br /> +</div> +</div> +</body> + +</html>