rc-web@42
|
1 <!DOCTYPE html>
|
rc-web@42
|
2 <html>
|
rc-web@42
|
3 <head>
|
rc-web@42
|
4
|
rc-web@42
|
5 <link href="/css/style-admin.css" rel="stylesheet">
|
rc-web@42
|
6 <link href="/css/chat.css" rel="stylesheet">
|
rc-web@42
|
7
|
rc-web@42
|
8 <script src="/socket.io/socket.io.js"></script>
|
rc-web@42
|
9 <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
|
rc-web@42
|
10 <script src="/jquery-ui/js/jquery-ui-1.8.17.custom.min.js"></script>
|
rc-web@42
|
11 <script src="/js/movable.js"></script>
|
rc-web@42
|
12 <script src="/js/socket-ctrl.js"></script>
|
rc-web@42
|
13 <script src="/js/serverstopwatch.js"></script>
|
rc-web@42
|
14 <script src="/js/jquery.cookie.js"></script>
|
rc-web@42
|
15
|
rc-web@42
|
16 </head>
|
rc-web@42
|
17
|
rc-web@42
|
18 <body onload='sendGoto("1","0"); sendGoto("2","0"); sendGoto("3","0"); sendGoto("4","0"); rememberPosition();'>
|
rc-web@42
|
19 <script type="text/javascript">
|
rc-web@42
|
20
|
rc-web@42
|
21 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.");
|
rc-web@42
|
22 }
|
rc-web@42
|
23
|
rc-web@42
|
24 show_alert()
|
rc-web@42
|
25 </script>
|
rc-web@42
|
26
|
rc-web@42
|
27
|
rc-web@42
|
28 <div id="title" class="ui-widget-content">
|
rc-web@42
|
29 <script type="text/javascript">$('#title').draggable({ stop: function (event, ui) {setCookie("titleX", ui.position.left, 200); setCookie("titleY", ui.position.top, 100);} });</script>
|
rc-web@42
|
30 <h1>NodeScore</h1>
|
rc-web@42
|
31
|
rc-web@42
|
32 <br/>
|
rc-web@42
|
33 <h2>Score Controls</h2>
|
rc-web@42
|
34 <br/>
|
rc-web@42
|
35 </div>
|
rc-web@42
|
36 <div id="stopw" >
|
rc-web@42
|
37 <script type="text/javascript">$('#stopw').draggable({ stop: function (event, ui) {setCookie("stopwX", ui.position.left, 200); setCookie("stopwY", ui.position.top, 100);} });</script>
|
rc-web@42
|
38 <div class="stopwatch" id="clientclockx">
|
rc-web@42
|
39 ...
|
rc-web@42
|
40 </div>
|
rc-web@42
|
41
|
rc-web@42
|
42 <form name="timeform">
|
rc-web@42
|
43 <input type=hidden name="timetextarea" value="00:00:00" size="10" style = "font-size:3px">
|
rc-web@42
|
44 <input type=button name="start" value="Start" onclick="sw_start()">
|
rc-web@42
|
45 <input type=button name="stop" value="Stop" onclick="Stop()">
|
rc-web@42
|
46 <input type=button name="reset" value="Reset" onclick="Reset()">
|
rc-web@42
|
47 </form>
|
rc-web@42
|
48 </div>
|
rc-web@42
|
49
|
rc-web@42
|
50 <div id="ctrls" >
|
rc-web@42
|
51
|
rc-web@42
|
52 <script type="text/javascript">
|
rc-web@42
|
53
|
rc-web@42
|
54 document.write('<div id="ctrla" class="ui-widget-content">');
|
rc-web@42
|
55 document.write('<h2>Group A</h2><br/>');
|
rc-web@42
|
56 for( i=1; i <= 24; i++){
|
rc-web@42
|
57 var x=1;
|
rc-web@42
|
58 document.write("<button onclick='sendGoto("+x+","+i+")'>"+pad2(i)+"</button>");
|
rc-web@42
|
59 }
|
rc-web@42
|
60 document.write('</div>');
|
rc-web@42
|
61 $('#ctrla').draggable({ stop: function (event, ui) {setCookie("ctrlaX", ui.position.left, 200); setCookie("ctrlaY", ui.position.top, 100);} });
|
rc-web@42
|
62 </script>
|
rc-web@42
|
63
|
rc-web@42
|
64 <script type="text/javascript">
|
rc-web@42
|
65 document.write('<div id="ctrlb" class="ui-widget-content">');
|
rc-web@42
|
66 document.write('<h2>Group B</h2><br/>');
|
rc-web@42
|
67 for( i=1; i <= 24; i++){
|
rc-web@42
|
68 var x=2;
|
rc-web@42
|
69 document.write("<button onclick='sendGoto("+x+","+i+")'>"+pad2(i)+"</button>");
|
rc-web@42
|
70 }
|
rc-web@42
|
71 document.write('</div>');
|
rc-web@42
|
72 $('#ctrlb').draggable({ stop: function (event, ui) {setCookie("ctrlbX", ui.position.left, 200); setCookie("ctrlbY", ui.position.top, 100);} });
|
rc-web@42
|
73 </script>
|
rc-web@42
|
74
|
rc-web@42
|
75 <script type="text/javascript">
|
rc-web@42
|
76 document.write('<div id="ctrlc" class="ui-widget-content">');
|
rc-web@42
|
77 document.write('<h2>Group C</h2><br/>');
|
rc-web@42
|
78 for( i=1; i <= 24; i++){
|
rc-web@42
|
79 var x=3;
|
rc-web@42
|
80 document.write("<button onclick='sendGoto("+x+","+i+")'>"+pad2(i)+"</button>");
|
rc-web@42
|
81 }
|
rc-web@42
|
82 document.write('</div>');
|
rc-web@42
|
83 $('#ctrlc').draggable({ stop: function (event, ui) {setCookie("ctrlcX", ui.position.left, 200); setCookie("ctrlcY", ui.position.top, 100);} });
|
rc-web@42
|
84 </script>
|
rc-web@42
|
85 <script type="text/javascript">
|
rc-web@42
|
86 document.write('<div id="ctrld" class="ui-widget-content">');
|
rc-web@42
|
87 document.write('<h2>Group D</h2><br/>');
|
rc-web@42
|
88 for( i=1; i <= 24; i++){
|
rc-web@42
|
89 var x=4;
|
rc-web@42
|
90 document.write("<button onclick='sendGoto("+x+","+i+")'>"+pad2(i)+"</button>");
|
rc-web@42
|
91 }
|
rc-web@42
|
92 document.write('</div>');
|
rc-web@42
|
93 $('#ctrld').draggable({ stop: function (event, ui) {setCookie("ctrldX", ui.position.left, 200); setCookie("ctrldY", ui.position.top, 100);} });
|
rc-web@42
|
94 </script>
|
rc-web@42
|
95 </div>
|
rc-web@42
|
96 <br/>
|
rc-web@42
|
97
|
rc-web@42
|
98 <div class="previews">
|
rc-web@42
|
99 <iframe class="ui-widget-content" id="preview201" src="http://nodescore.kiben.net" width="300" height="200" scrolling="no" border="0"></iframe>
|
rc-web@42
|
100 <script type="text/javascript">$('#preview201').draggable({ stop: function (event, ui) {setCookie("preview201X", ui.position.left, 200); setCookie("preview201Y", ui.position.top, 100);} });</script>
|
rc-web@42
|
101 <iframe class="ui-widget-content" id="preview202" src="http://nodescore.kiben.net" width="300" height="200" scrolling="no" border="0"></iframe>
|
rc-web@42
|
102 <script type="text/javascript">$('#preview202').draggable({ stop: function (event, ui) {setCookie("preview203X", ui.position.left, 200); setCookie("preview202Y", ui.position.top, 100);} });</script>
|
rc-web@42
|
103 <iframe class="ui-widget-content" id="preview203" src="http://nodescore.kiben.net" width="300" height="200" scrolling="no" border="0"></iframe>
|
rc-web@42
|
104 <script type="text/javascript">$('#preview203').draggable({ stop: function (event, ui) {setCookie("preview203X", ui.position.left, 200); setCookie("preview203Y", ui.position.top, 100);} });</script>
|
rc-web@42
|
105 <iframe class="ui-widget-content" id="preview204" src="http://nodescore.kiben.net" width="300" height="200" scrolling="no" border="0"></iframe>
|
rc-web@42
|
106 <script type="text/javascript">$('#preview204').draggable({ stop: function (event, ui) {setCookie("preview204X", ui.position.left, 200); setCookie("preview204Y", ui.position.top, 100);} });</script>
|
rc-web@42
|
107 </div>
|
rc-web@42
|
108 <br/>
|
rc-web@42
|
109
|
rc-web@42
|
110
|
rc-web@42
|
111 <div id="chat" class="ui-widget-content" >
|
rc-web@42
|
112 <script type="text/javascript">$('#chat').draggable({ stop: function (event, ui) {setCookie("chatX", ui.position.left, 200); setCookie("chatY", ui.position.top, 100);} });</script>
|
rc-web@42
|
113 <div id="nicknames"></div>
|
rc-web@42
|
114 <div id="messages">
|
rc-web@42
|
115 <div id="lines"></div>
|
rc-web@42
|
116 <form id="send-message"><input id="message"><button>Send</button></form>
|
rc-web@42
|
117 <br />
|
rc-web@42
|
118 </div>
|
rc-web@42
|
119 </div>
|
rc-web@42
|
120 </body>
|
rc-web@42
|
121
|
rc-web@42
|
122 </html>
|