| 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 |