Mercurial > hg > nodescore
view www/m/c.html @ 58:474c1ad1e811
big fix to seq logic and control css
author | tzara <rc-web@kiben.net> |
---|---|
date | Sun, 31 Mar 2013 01:46:39 +0000 |
parents | ddb09f0a67fd |
children | 5ba250832739 |
line wrap: on
line source
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>controls@nodescore</title> <link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" /> <link href="css/nodescore-tablet.css" rel="stylesheet"> <link href="css/chat-tablet.css" rel="stylesheet"> <link href="css/menu.css" rel="stylesheet"> <script src="js/jquery-1.7.1.min.js"></script> <script src="/socket.io/socket.io.js"></script> <script src="js/nodescore-slides.js"></script> <script src="js/controlseq.js"></script> </head> <body> <input type="hidden" id="group" value='1'> <div class="outermaster" id="outermaster"> <div class="row"> <div class="xunit"> <p class="precd" id="xsqr0"></p> <div><img src="thumbs/0.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr1"></p> <div><img src="thumbs/1.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr2"></p> <div><img src="thumbs/2.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr3"></p> <div><img src="thumbs/3.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr4"></p> <div><img src="thumbs/4.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr5"></p> <div><img src="thumbs/5.png"/></div></div> </div> <div class="row"> <div class="xunit"> <p class="precd" id="xsqr6"></p> <div><img src="thumbs/6.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr7"></p> <div><img src="thumbs/7.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr8"></p> <div><img src="thumbs/8.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr9"></p> <div><img src="thumbs/9.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr10"></p> <div><img src="thumbs/10.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr11"></p> <div><img src="thumbs/11.png"/></div></div> </div> <div class="row"> <div class="xunit"> <p class="precd" id="xsqr12"></p> <div><img src="thumbs/12.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr13"></p> <div><img src="thumbs/13.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr14"></p> <div><img src="thumbs/14.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr15"></p> <div><img src="thumbs/15.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr16"></p> <div><img src="thumbs/16.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr17"></p> <div><img src="thumbs/17.png"/></div></div> </div> <div class="row"> <div class="xunit"> <p class="precd" id="xsqr18"></p> <div><img src="thumbs/18.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr19"></p> <div><img src="thumbs/19.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr20"></p> <div><img src="thumbs/20.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr21"></p> <div><img src="thumbs/21.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr22"></p> <div><img src="thumbs/22.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr23"></p> <div><img src="thumbs/23.png"/></div></div> </div> <div class="row"> <div class="xunit"> <p class="precd" id="xsqr24"></p> <div><img src="thumbs/24.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr25"></p> <div><img src="thumbs/25.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr26"></p> <div><img src="thumbs/26.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr27"></p> <div><img src="thumbs/27.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr28"></p> <div><img src="thumbs/28.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr29"></p> <div><img src="thumbs/29.png"/></div></div> </div> <div class="row"> <div class="xunit"> <p class="precd" id="xsqr30"></p> <div><img src="thumbs/30.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr31"></p> <div><img src="thumbs/31.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr32"></p> <div><img src="thumbs/32.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr33"></p> <div><img src="thumbs/33.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr34"></p> <div><img src="thumbs/34.png"/></div></div> <div class="xunit"> <p class="precd" id="xsqr35"></p> <div><img src="thumbs/35.png"/></div></div> </div> <script type="text/javascript"> var outermaster = document.getElementById('outermaster'); var thesquare=document.createElement('div'); thesquare.id="thesquare"; for (var i=0; i<36;i++) { var sqrowdiv = document.createElement('div'); sqrowdiv.className="sqrow" var msdiv = document.createElement('div'); msdiv.className="magicsquare" this.sqrowdiv.appendChild(this.msdiv); var sqa = document.createElement('p'); var sqb = document.createElement('p'); var sqc = document.createElement('p'); var sqd = document.createElement('p'); sqa.innerHTML = sqa.innerHTML + ''; sqb.innerHTML = sqb.innerHTML + ''; sqc.innerHTML = sqc.innerHTML + ''; sqd.innerHTML = sqd.innerHTML + ''; sqa.className="sqa" sqb.className="sqb" sqc.className="sqc" sqd.className="sqd" sqa.id="sqr"+i sqb.id="sqr"+i sqc.id="sqr"+i sqd.id="sqr"+i this.msdiv.appendChild(this.sqa); this.msdiv.appendChild(this.sqb); this.msdiv.appendChild(this.sqc); this.msdiv.appendChild(this.sqd); this.thesquare.appendChild(this.sqrowdiv); } //document.body.appendChild(thesquare); this.outermaster.appendChild(this.thesquare); document.body.appendChild(outermaster); </script> </div> <div class="ctrlclock" style="position:absolute;"> <div id="client_chronometer" style="z-index: 2;">00:00:00.0</div> </div> <br/><br/> <br/><br/> <input type="button" value="START" onclick="startSeq();" /> <input type="button" value="STOP" onclick="stopSeq();" /> <input type="button" value="RESET" onclick="resetSeq();" /> </body> </html>