Mercurial > hg > nodescore

annotate www/m/c.html @ 59:5ba250832739

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
css visibility and counter fixes
author tzara <rc-web@kiben.net>
date Tue, 02 Apr 2013 15:14:25 +0000
parents 474c1ad1e811
children e868cdd4b3e9
rev   line source
rc-web@43 1 <!DOCTYPE html>
rc-web@43 2 <html>
rc-web@43 3 <head>
rc-web@43 4 <meta charset="UTF-8">
rc-web@43 5 <title>controls@nodescore</title>
rc-web@43 6
rc-web@43 7 <link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
rc-web@43 8
rc-web@43 9 <link href="css/nodescore-tablet.css" rel="stylesheet">
rc-web@43 10 <link href="css/chat-tablet.css" rel="stylesheet">
rc-web@43 11 <link href="css/menu.css" rel="stylesheet">
rc-web@43 12
rc-web@43 13 <script src="js/jquery-1.7.1.min.js"></script>
rc-web@43 14 <script src="/socket.io/socket.io.js"></script>
rc-web@43 15 <script src="js/nodescore-slides.js"></script>
rc-web@43 16 <script src="js/controlseq.js"></script>
rc-web@43 17 </head>
rc-web@43 18
rc-web@43 19 <body>
rc-web@43 20
rc-web@43 21 <input type="hidden" id="group" value='1'>
rc-web@58 22 <div class="outermaster" id="outermaster">
rc-web@58 23
rc-web@58 24 <div class="row">
rc-web@58 25 <div class="xunit"> <p class="precd" id="xsqr0"></p> <div><img src="thumbs/0.png"/></div></div>
rc-web@58 26 <div class="xunit"> <p class="precd" id="xsqr1"></p> <div><img src="thumbs/1.png"/></div></div>
rc-web@58 27 <div class="xunit"> <p class="precd" id="xsqr2"></p> <div><img src="thumbs/2.png"/></div></div>
rc-web@58 28 <div class="xunit"> <p class="precd" id="xsqr3"></p> <div><img src="thumbs/3.png"/></div></div>
rc-web@58 29 <div class="xunit"> <p class="precd" id="xsqr4"></p> <div><img src="thumbs/4.png"/></div></div>
rc-web@58 30 <div class="xunit"> <p class="precd" id="xsqr5"></p> <div><img src="thumbs/5.png"/></div></div>
rc-web@58 31 </div>
rc-web@58 32
rc-web@58 33 <div class="row">
rc-web@58 34 <div class="xunit"> <p class="precd" id="xsqr6"></p> <div><img src="thumbs/6.png"/></div></div>
rc-web@58 35 <div class="xunit"> <p class="precd" id="xsqr7"></p> <div><img src="thumbs/7.png"/></div></div>
rc-web@58 36 <div class="xunit"> <p class="precd" id="xsqr8"></p> <div><img src="thumbs/8.png"/></div></div>
rc-web@58 37 <div class="xunit"> <p class="precd" id="xsqr9"></p> <div><img src="thumbs/9.png"/></div></div>
rc-web@58 38 <div class="xunit"> <p class="precd" id="xsqr10"></p> <div><img src="thumbs/10.png"/></div></div>
rc-web@58 39 <div class="xunit"> <p class="precd" id="xsqr11"></p> <div><img src="thumbs/11.png"/></div></div>
rc-web@58 40 </div>
rc-web@58 41
rc-web@58 42 <div class="row">
rc-web@58 43 <div class="xunit"> <p class="precd" id="xsqr12"></p> <div><img src="thumbs/12.png"/></div></div>
rc-web@58 44 <div class="xunit"> <p class="precd" id="xsqr13"></p> <div><img src="thumbs/13.png"/></div></div>
rc-web@58 45 <div class="xunit"> <p class="precd" id="xsqr14"></p> <div><img src="thumbs/14.png"/></div></div>
rc-web@58 46 <div class="xunit"> <p class="precd" id="xsqr15"></p> <div><img src="thumbs/15.png"/></div></div>
rc-web@58 47 <div class="xunit"> <p class="precd" id="xsqr16"></p> <div><img src="thumbs/16.png"/></div></div>
rc-web@58 48 <div class="xunit"> <p class="precd" id="xsqr17"></p> <div><img src="thumbs/17.png"/></div></div>
rc-web@58 49 </div>
rc-web@58 50
rc-web@58 51 <div class="row">
rc-web@58 52 <div class="xunit"> <p class="precd" id="xsqr18"></p> <div><img src="thumbs/18.png"/></div></div>
rc-web@58 53 <div class="xunit"> <p class="precd" id="xsqr19"></p> <div><img src="thumbs/19.png"/></div></div>
rc-web@58 54 <div class="xunit"> <p class="precd" id="xsqr20"></p> <div><img src="thumbs/20.png"/></div></div>
rc-web@58 55 <div class="xunit"> <p class="precd" id="xsqr21"></p> <div><img src="thumbs/21.png"/></div></div>
rc-web@58 56 <div class="xunit"> <p class="precd" id="xsqr22"></p> <div><img src="thumbs/22.png"/></div></div>
rc-web@58 57 <div class="xunit"> <p class="precd" id="xsqr23"></p> <div><img src="thumbs/23.png"/></div></div>
rc-web@58 58 </div>
rc-web@58 59
rc-web@58 60 <div class="row">
rc-web@58 61 <div class="xunit"> <p class="precd" id="xsqr24"></p> <div><img src="thumbs/24.png"/></div></div>
rc-web@58 62 <div class="xunit"> <p class="precd" id="xsqr25"></p> <div><img src="thumbs/25.png"/></div></div>
rc-web@58 63 <div class="xunit"> <p class="precd" id="xsqr26"></p> <div><img src="thumbs/26.png"/></div></div>
rc-web@58 64 <div class="xunit"> <p class="precd" id="xsqr27"></p> <div><img src="thumbs/27.png"/></div></div>
rc-web@58 65 <div class="xunit"> <p class="precd" id="xsqr28"></p> <div><img src="thumbs/28.png"/></div></div>
rc-web@58 66 <div class="xunit"> <p class="precd" id="xsqr29"></p> <div><img src="thumbs/29.png"/></div></div>
rc-web@58 67 </div>
rc-web@58 68
rc-web@58 69 <div class="row">
rc-web@58 70 <div class="xunit"> <p class="precd" id="xsqr30"></p> <div><img src="thumbs/30.png"/></div></div>
rc-web@58 71 <div class="xunit"> <p class="precd" id="xsqr31"></p> <div><img src="thumbs/31.png"/></div></div>
rc-web@58 72 <div class="xunit"> <p class="precd" id="xsqr32"></p> <div><img src="thumbs/32.png"/></div></div>
rc-web@58 73 <div class="xunit"> <p class="precd" id="xsqr33"></p> <div><img src="thumbs/33.png"/></div></div>
rc-web@58 74 <div class="xunit"> <p class="precd" id="xsqr34"></p> <div><img src="thumbs/34.png"/></div></div>
rc-web@58 75 <div class="xunit"> <p class="precd" id="xsqr35"></p> <div><img src="thumbs/35.png"/></div></div>
rc-web@58 76 </div>
rc-web@58 77
rc-web@58 78
rc-web@58 79 <script type="text/javascript">
rc-web@58 80 var outermaster = document.getElementById('outermaster');
rc-web@58 81 var thesquare=document.createElement('div');
rc-web@58 82 thesquare.id="thesquare";
rc-web@58 83
rc-web@58 84 for (var i=0; i<36;i++) {
rc-web@58 85 var sqrowdiv = document.createElement('div');
rc-web@58 86 sqrowdiv.className="sqrow"
rc-web@58 87 var msdiv = document.createElement('div');
rc-web@58 88 msdiv.className="magicsquare"
rc-web@58 89
rc-web@58 90 this.sqrowdiv.appendChild(this.msdiv);
rc-web@58 91
rc-web@58 92 var sqa = document.createElement('p');
rc-web@58 93 var sqb = document.createElement('p');
rc-web@58 94 var sqc = document.createElement('p');
rc-web@58 95 var sqd = document.createElement('p');
rc-web@58 96
rc-web@58 97 sqa.innerHTML = sqa.innerHTML + '';
rc-web@58 98 sqb.innerHTML = sqb.innerHTML + '';
rc-web@58 99 sqc.innerHTML = sqc.innerHTML + '';
rc-web@58 100 sqd.innerHTML = sqd.innerHTML + '';
rc-web@58 101
rc-web@58 102 sqa.className="sqa"
rc-web@58 103 sqb.className="sqb"
rc-web@58 104 sqc.className="sqc"
rc-web@58 105 sqd.className="sqd"
rc-web@58 106
rc-web@58 107 sqa.id="sqr"+i
rc-web@58 108 sqb.id="sqr"+i
rc-web@58 109 sqc.id="sqr"+i
rc-web@58 110 sqd.id="sqr"+i
rc-web@58 111
rc-web@58 112 this.msdiv.appendChild(this.sqa);
rc-web@58 113 this.msdiv.appendChild(this.sqb);
rc-web@58 114 this.msdiv.appendChild(this.sqc);
rc-web@58 115 this.msdiv.appendChild(this.sqd);
rc-web@58 116
rc-web@58 117 this.thesquare.appendChild(this.sqrowdiv);
rc-web@58 118
rc-web@58 119 }
rc-web@58 120
rc-web@58 121 //document.body.appendChild(thesquare);
rc-web@58 122 this.outermaster.appendChild(this.thesquare);
rc-web@58 123 document.body.appendChild(outermaster);
rc-web@58 124
rc-web@43 125
rc-web@58 126 </script>
rc-web@58 127 </div>
rc-web@58 128
rc-web@58 129 <div class="ctrlclock" style="position:absolute;">
rc-web@58 130 <div id="client_chronometer" style="z-index: 2;">00:00:00.0</div>
rc-web@58 131 </div>
rc-web@43 132
rc-web@58 133
rc-web@58 134 <br/><br/>
rc-web@58 135 <br/><br/>
rc-web@43 136 <input type="button" value="START" onclick="startSeq();" />
rc-web@43 137 <input type="button" value="STOP" onclick="stopSeq();" />
rc-web@43 138 <input type="button" value="RESET" onclick="resetSeq();" />
rc-web@58 139
rc-web@59 140 <!--
rc-web@59 141 <div id="xcomms">
rc-web@59 142 <div id="chat" title="type here to chat with others connected to network" >
rc-web@59 143 <div id="nickname" title="type your login name and press enter" >
rc-web@59 144 <form id="set-nickname" class="wrap">
rc-web@59 145 <p>LOGIN:</p>
rc-web@59 146 <input id="nick">
rc-web@59 147 <p id="nickname-err">Nickname already in use</p>
rc-web@59 148 </form>
rc-web@59 149 </div>
rc-web@59 150 <div id="connecting">
rc-web@59 151 <div class="wrap">Connecting to socket.io server</div>
rc-web@59 152 </div>
rc-web@59 153 <div id="messages">
rc-web@59 154 <div id="nicknames"></div>
rc-web@59 155 <div id="lines"></div>
rc-web@59 156 </div>
rc-web@59 157 <form id="send-message">
rc-web@59 158 <input id="message">
rc-web@59 159 <button>Send</button>
rc-web@59 160 </form>
rc-web@59 161 </div>
rc-web@59 162 -->
rc-web@43 163
rc-web@43 164 </body>
rc-web@43 165 </html>