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 click mouse'); | 16 description('Check pan scroll by click mouse'); |
17 testPanScroll({ | 17 testPanScroll({ |
18 'clickOrDrag': 'click', | 18 'clickOrDrag': 'click', |
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 |