content/test/data/overscroll_navigation.html

   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 </style>
  13
  14 <div name='0' class='large'></div>
  15 <div name='1' class='large'></div>
  16 <div name='2' class='large'></div>
  17 <div name='3' class='large'></div>
  18 <div name='4' class='large'></div>
  19 <div name='5' class='large'></div>
  20 <div name='6' class='large'></div>
  21 <div name='7' class='large'></div>
  22 <div name='8' class='large'></div>
  23 <div name='9' class='large'></div>
  24
  25 <script>
  26
  27 function get_current() {
  28   if (location.hash.length == 0)
  29     return 0;
  30   return parseInt(location.hash.substr(1));
  31 }
  32
  33 function navigate_next() {
  34   var current = get_current();
  35   current = (current + 1) % 10;
  36   location.hash = "#" + current;
  37 }
  38
  39 function navigate_prev() {
  40   var current = get_current();
  41   current = (current + 9) % 10;
  42   location.hash = "#" + current;
  43 }
  44
  45 function touch_start_handler() {
  46 }
  47
  48 function install_touch_handler() {
  49   document.addEventListener('touchstart', touch_start_handler);
  50 }
  51
  52 function uninstall_touch_handler() {
  53   document.removeEventListener('touchstart', touch_start_handler);
  54 }
  55
  56 onload = function() {
  57   window.onhashchange = function() {
  58     document.title = "Title: " + location.hash;
  59   }
  60 }
  61
  62 </script>
  63
  64 </html>