annotate www/m/controls.html @ 6:33e6dc370ef7

fixed css
author tzara <rc-web@kiben.net>
date Wed, 04 Jul 2012 21:24:36 +0000
parents 9070b2a7ca65
children 83dfd5f7186a
rev   line source
rc-web@5 1 <!DOCTYPE html>
rc-web@5 2 <html>
rc-web@5 3 <head>
rc-web@6 4 <link href="css/nodescore.css" rel="stylesheet">
rc-web@5 5 <link href="css/metronome.css" rel="stylesheet">
rc-web@6 6 <script src="js/jquery-1.7.1.min.js"></script>
rc-web@5 7 <script src="/socket.io/socket.io.js"></script>
rc-web@5 8 <script src="js/metronome.js"></script>
rc-web@5 9 <script src="js/client.js"></script>
rc-web@5 10 <script src="js/controlseq.js"></script>
rc-web@5 11 </head>
rc-web@5 12 <body>
rc-web@5 13
rc-web@5 14 <input type="hidden" id="group" value='1'>
rc-web@5 15
rc-web@5 16 <h1>Multicast Network Score Controls</h1>
rc-web@5 17 <div class="outermaster">
rc-web@5 18
rc-web@5 19 <div id="client_chronometer">00:00:00.0</div>
rc-web@5 20
rc-web@5 21 <div class="metrocase">
rc-web@5 22 <div id="metronome0"></div>
rc-web@5 23 <div id="metronome1"></div>
rc-web@5 24 <div id="metronome2"></div>
rc-web@5 25 <div id="metronome3"></div>
rc-web@5 26 </div>
rc-web@5 27
rc-web@5 28
rc-web@5 29 <div>
rc-web@5 30 <h2>Calculate Client Latencies</h2><br>
rc-web@5 31 <input type="button" value="Get Latencies" onclick="getLatencies(1000);" />
rc-web@5 32 <h2 id="client_latency">0ms</h2>
rc-web@5 33 </div>
rc-web@5 34
rc-web@5 35
rc-web@5 36
rc-web@5 37 <h2>Magic Sequencer Monitor</h2><br>
rc-web@5 38
rc-web@5 39 <div>
rc-web@5 40 <p class="magicsquare" id="1magicsquare0"></p>
rc-web@5 41 <p class="magicsquare" id="1magicsquare1"></p>
rc-web@5 42 <p class="magicsquare" id="1magicsquare2"></p>
rc-web@5 43 <p class="magicsquare" id="1magicsquare3"></p>
rc-web@5 44 <p class="magicsquare" id="1magicsquare4"></p>
rc-web@5 45 <p class="magicsquare" id="1magicsquare5"></p>
rc-web@5 46 </div>
rc-web@5 47
rc-web@5 48 <br><br> <br><br>
rc-web@5 49
rc-web@5 50 <div>
rc-web@5 51 <p class="magicsquare" id="2magicsquare0"></p>
rc-web@5 52 <p class="magicsquare" id="2magicsquare1"></p>
rc-web@5 53 <p class="magicsquare" id="2magicsquare2"></p>
rc-web@5 54 <p class="magicsquare" id="2magicsquare3"></p>
rc-web@5 55 <p class="magicsquare" id="2magicsquare4"></p>
rc-web@5 56 <p class="magicsquare" id="2magicsquare5"></p>
rc-web@5 57 </div>
rc-web@5 58
rc-web@5 59 <br><br> <br><br>
rc-web@5 60 <div>
rc-web@5 61 <p class="magicsquare" id="3magicsquare0"></p>
rc-web@5 62 <p class="magicsquare" id="3magicsquare1"></p>
rc-web@5 63 <p class="magicsquare" id="3magicsquare2"></p>
rc-web@5 64 <p class="magicsquare" id="3magicsquare3"></p>
rc-web@5 65 <p class="magicsquare" id="3magicsquare4"></p>
rc-web@5 66 <p class="magicsquare" id="3magicsquare5"></p>
rc-web@5 67 </div>
rc-web@5 68
rc-web@5 69 <br><br> <br><br>
rc-web@5 70
rc-web@5 71 <div>
rc-web@5 72 <p class="magicsquare" id="4magicsquare0"></p>
rc-web@5 73 <p class="magicsquare" id="4magicsquare1"></p>
rc-web@5 74 <p class="magicsquare" id="4magicsquare2"></p>
rc-web@5 75 <p class="magicsquare" id="4magicsquare3"></p>
rc-web@5 76 <p class="magicsquare" id="4magicsquare4"></p>
rc-web@5 77 <p class="magicsquare" id="4magicsquare5"></p>
rc-web@5 78 </div>
rc-web@5 79
rc-web@5 80 <br><br> <br><br>
rc-web@5 81
rc-web@5 82
rc-web@5 83 <input type="button" value="START" onclick="startSeq();" />
rc-web@5 84 <input type="button" value="STOP" onclick="stopSeq();" />
rc-web@5 85
rc-web@5 86 <br><br>
rc-web@5 87
rc-web@5 88
rc-web@5 89
rc-web@5 90
rc-web@5 91
rc-web@5 92 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/1.html');">client_1</a>
rc-web@5 93 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/2.html');">client_2</a>
rc-web@5 94 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/3.html');">client_3</a>
rc-web@5 95 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/4.html');">client_4</a>
rc-web@5 96
rc-web@5 97
rc-web@5 98
rc-web@5 99
rc-web@5 100 </body>
rc-web@5 101 </html>