Mercurial > hg > nodescore

<!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>
author	Rob Canning <rc@kiben.net>
date	Tue, 21 Apr 2015 16:20:57 +0100
parents	49c94f63b8b0
children