Home | History | Annotate | Download | only in data 
      1 <html>
      2 <title>Title: 0</title>
      3 <style>
      4 
      5 .large {
      6   width: 300px;
      7   height: 100px;
      8   background-color: red;
      9   margin: 300px;
     10 }
     11 
     12 ::-webkit-scrollbar {
     13     display: none;
     14 }
     15 
     16 </style>
     17 
     18 <div name='0' class='large'></div>
     19 <div name='1' class='large'></div>
     20 <div name='2' class='large'></div>
     21 <div name='3' class='large'></div>
     22 <div name='4' class='large'></div>
     23 <div name='5' class='large'></div>
     24 <div name='6' class='large'></div>
     25 <div name='7' class='large'></div>
     26 <div name='8' class='large'></div>
     27 <div name='9' class='large'></div>
     28 
     29 <script>
     30 
     31 function get_current() {
     32   if (location.hash.length == 0)
     33     return 0;
     34   return parseInt(location.hash.substr(1));
     35 }
     36 
     37 function navigate_next() {
     38   var current = get_current();
     39   current = (current + 1) % 10;
     40   location.hash = "#" + current;
     41 }
     42 
     43 function navigate_prev() {
     44   var current = get_current();
     45   current = (current + 9) % 10;
     46   location.hash = "#" + current;
     47 }
     48 
     49 function touch_start_handler() {
     50 }
     51 
     52 function install_touch_handler() {
     53   document.addEventListener('touchstart', touch_start_handler);
     54 }
     55 
     56 function uninstall_touch_handler() {
     57   document.removeEventListener('touchstart', touch_start_handler);
     58 }
     59 
     60 onload = function() {
     61   window.onhashchange = function() {
     62     document.title = "Title: " + location.hash;
     63   }
     64 }
     65 
     66 </script>
     67 
     68 </html>
     69