OLD | NEW |
(Empty) | |
| 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> |
OLD | NEW |