| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style type="text/css"> | 3 <style type="text/css"> |
| 4 #scrollable { | 4 #scrollable { |
| 5 height: 200px; | 5 height: 200px; |
| 6 overflow: auto; | 6 overflow: auto; |
| 7 border: solid 3px #cc0000; | 7 border: solid 3px #cc0000; |
| 8 font-size: 80px; | 8 font-size: 80px; |
| 9 } | 9 } |
| 10 </style> | 10 </style> |
| 11 <script src="../../resources/js-test.js"></script> | 11 <script src="../../resources/js-test.js"></script> |
| 12 <script src="./resources/panScroll.js"></script> | 12 <script src="./resources/middleClickAutoscroll.js"></script> |
| 13 <script> | 13 <script> |
| 14 function start() | 14 function start() |
| 15 { | 15 { |
| 16 description('Check pan scroll by drag mouse'); | 16 description('Check pan scroll by drag mouse'); |
| 17 testPanScroll({ | 17 testPanScroll({ |
| 18 'clickOrDrag': 'drag', | 18 'clickOrDrag': 'drag', |
| 19 'scrollable': $('scrollable'), | 19 'scrollable': $('scrollable'), |
| 20 }); | 20 }); |
| 21 } | 21 } |
| 22 </script> | 22 </script> |
| 23 </head> | 23 </head> |
| 24 <body onload="start()"> | 24 <body onload="start()"> |
| 25 <div id="container"> | 25 <div id="container"> |
| 26 <p id="description"></p> | 26 <p id="description"></p> |
| 27 For manual testing, hold middle button in scrollable and move aroudn mouse point
er for scrolling, then release middle button to stop scrolling. | 27 For manual testing, hold middle button in scrollable and move aroudn mouse point
er for scrolling, then release middle button to stop scrolling. |
| 28 <div id="scrollable"></div> | 28 <div id="scrollable"></div> |
| 29 </div> | 29 </div> |
| 30 <div id="console"></div> | 30 <div id="console"></div> |
| 31 </body> | 31 </body> |
| 32 </html> | 32 </html> |
| OLD | NEW |