OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title></title> | 4 <title></title> |
5 <script src="../../resources/js-test.js"></script> | 5 <script src="../../resources/js-test.js"></script> |
6 <script type="text/javascript"> | 6 <script type="text/javascript"> |
7 function doScroll(x, y, deltaX, deltaY) { | 7 function doScroll(x, y, deltaX, deltaY) { |
8 eventSender.gestureScrollBegin(x, y); | 8 eventSender.gestureScrollBegin(x, y); |
9 eventSender.gestureScrollUpdate(deltaX, deltaY); | 9 eventSender.gestureScrollUpdate(deltaX, deltaY); |
10 eventSender.gestureScrollEnd(0, 0); | 10 eventSender.gestureScrollEnd(0, 0); |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
53 // Scroll the page first to test that resize works with scrolled pag
e. | 53 // Scroll the page first to test that resize works with scrolled pag
e. |
54 document.documentElement.scrollTop = 50; | 54 document.documentElement.scrollTop = 50; |
55 | 55 |
56 // 1. Touch scrolling starting at outside of the object, e.g. offset
(6, 7) | 56 // 1. Touch scrolling starting at outside of the object, e.g. offset
(6, 7) |
57 // to bottom right corner of the object, won't do the resize. | 57 // to bottom right corner of the object, won't do the resize. |
58 // 2. Touch scrolling starting at inside the object, and within the
normal | 58 // 2. Touch scrolling starting at inside the object, and within the
normal |
59 // resizer area (15x15), e.g. offset (-6, -7) to bottom right cor
ner of | 59 // resizer area (15x15), e.g. offset (-6, -7) to bottom right cor
ner of |
60 // the object, will do the resize. | 60 // the object, will do the resize. |
61 // 3. Touch scrolling starting at inside the object, and only a litt
le bit | 61 // 3. Touch scrolling starting at inside the object, and only a litt
le bit |
62 // off the resizer area, e.g. offset (-20, -20) to bottom right c
orner of | 62 // off the resizer area, e.g. offset (-20, -20) to bottom right c
orner of |
63 // the object, will do the resize for div/textarea. (not work for
the | 63 // the object, will do the resize. |
64 // iframe case, and may add support in the future) | |
65 | 64 |
66 resize("div", -6, -7, 20, 10, "resize"); | 65 resize("div", -6, -7, 20, 10, "resize"); |
67 resize("div", 6, 7, 20, 10, "noresize"); | 66 resize("div", 6, 7, 20, 10, "noresize"); |
68 resize("textarea1", -20, -20, 20, 10, "resize"); | 67 resize("textarea1", -20, -20, 20, 10, "resize"); |
69 | 68 |
70 // Scroll the page again | 69 // Scroll the page again |
71 document.documentElement.scrollTop += 100; | 70 document.documentElement.scrollTop += 100; |
72 | 71 |
73 resize("iframe1", -6, -7, 20, 10, "resize"); | 72 resize("iframe1", -6, -7, 20, 10, "resize"); |
74 resize("iframe1", -20, -20, 20, 10, "noresize"); | 73 resize("iframe1", -20, -20, 20, 10, "resize"); |
75 resizeInIframe("textarea2", "iframe1", -6, -7, 20, 20, "resize"); | 74 resizeInIframe("textarea2", "iframe1", -6, -7, 20, 20, "resize"); |
76 } | 75 } |
77 </script> | 76 </script> |
78 <style> | 77 <style> |
79 div { | 78 div { |
80 overflow: auto; | 79 overflow: auto; |
81 resize: both; | 80 resize: both; |
82 border: blue 2px solid; | 81 border: blue 2px solid; |
83 } | 82 } |
84 | 83 |
(...skipping 14 matching lines...) Expand all Loading... |
99 Can't resize a textarea with touch</i>. | 98 Can't resize a textarea with touch</i>. |
100 </p> | 99 </p> |
101 <hr> | 100 <hr> |
102 <div id="placeholder" style="width: 150px; height: 150px;">a placeholder so
that we have enough elements to scroll the page</div> | 101 <div id="placeholder" style="width: 150px; height: 150px;">a placeholder so
that we have enough elements to scroll the page</div> |
103 <div id="div" style="width: 150px; height: 100px;;"></div> | 102 <div id="div" style="width: 150px; height: 100px;;"></div> |
104 <textarea id="textarea1" style="width: 150px; height: 100px;"></textarea> | 103 <textarea id="textarea1" style="width: 150px; height: 100px;"></textarea> |
105 <br> | 104 <br> |
106 <iframe id="iframe1" src="resources/resize-corner-tracking-touch-iframe.html
" style="resize:both; width: 200px; height: 200px"></iframe> | 105 <iframe id="iframe1" src="resources/resize-corner-tracking-touch-iframe.html
" style="resize:both; width: 200px; height: 200px"></iframe> |
107 <pre id="console"></pre> | 106 <pre id="console"></pre> |
108 </body> | 107 </body> |
OLD | NEW |