/js-only/heatmap/index.html

http://github.com/hhughes/ocaml-frui · HTML · 33 lines · 33 code · 0 blank · 0 comment · 0 complexity · d34893dbe18a6e15080b5f8462293560 MD5 · raw file 

    

  1. <html>
    2. 

  2.   <head>
    3. 

  3.     <style type="text/css">
    4. 

  4.       div#main {
    5. 

  5.       position: absolute;
    6. 

  6.       left: 5px;
    7. 

  7.       top: 36px;
    8. 

  8.       right: 5px;
    9. 

  9.       bottom: 5px;
    10. 

  10.       border: solid black 1px;
    11. 

  11.       }
    12. 

  12.       div.room {
    13. 

  13.       position: absolute;
    14. 

  14.       width: 20px;
    15. 

  15.       height: 20px;
    16. 

  16.       border: solid black 1px;
    17. 

  17.       }
    18. 

  18.       div#spinner {
    19. 

  19.       display: inline-block;
    20. 

  20.       }
    21. 

  21.     </style>
    22. 

  22.   </head>
    23. 

  23.   <body>
    24. 

  24.     <button id="load" type="button">Load</button>
    25. 

  25.     <input id="n" value="1"></input>
    26. 

  26.     <div id="spinner"></div>
    27. 

  27.     <button id="play" type="button">></button>
    28. 

  28.     <div id="map"><img src="./gates1.png" width="600px" /><img src="./gates2.png" width="600px" /><img src="./gates3.png" width="600px" /></div>
    29. 

  29.     <div id="main"></div>
    30. 

  30.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    31. 

  31.     <script src="./main.js"></script>
    32. 

  32.   </body>
    33. 

  33. </html>
    34.