123 lines
5.4 KiB
HTML
Executable File
123 lines
5.4 KiB
HTML
Executable File
<!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>
|