| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <body onload="autoTest()"> | 2 <body onload="autoTest()"> |
| 3 <script> | 3 <script> |
| 4 function log(message) | 4 function log(message) |
| 5 { | 5 { |
| 6 var item = document.createElement("li"); | 6 var item = document.createElement("li"); |
| 7 item.appendChild(document.createTextNode(message)); | 7 item.appendChild(document.createTextNode(message)); |
| 8 document.getElementById('log').appendChild(item); | 8 document.getElementById('log').appendChild(item); |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 15 matching lines...) Expand all Loading... |
| 26 <div style='height: 50; width: 50; background:red;top:100;left:100; position:abs
olute;' id='t1_1' | 26 <div style='height: 50; width: 50; background:red;top:100;left:100; position:abs
olute;' id='t1_1' |
| 27 onMouseOver="logMouseEvent(event); document.getElementById('t1_2').style.dis
play = 'block'" | 27 onMouseOver="logMouseEvent(event); document.getElementById('t1_2').style.dis
play = 'block'" |
| 28 onMouseOut="logMouseEvent(event);">1 &nb
sp; </div> | 28 onMouseOut="logMouseEvent(event);">1 &nb
sp; </div> |
| 29 <div style='display: none; height: 50; width: 50; background:white;top:100;left:
100; position:absolute;' id='t1_2' | 29 <div style='display: none; height: 50; width: 50; background:white;top:100;left:
100; position:absolute;' id='t1_2' |
| 30 onMouseOver="logMouseEvent(event)" | 30 onMouseOver="logMouseEvent(event)" |
| 31 onMouseOut="logMouseEvent(event); document.getElementById('t1_2').style.back
groundColor = 'gray'">1 &
nbsp; </div> | 31 onMouseOut="logMouseEvent(event); document.getElementById('t1_2').style.back
groundColor = 'gray'">1 &
nbsp; </div> |
| 32 | 32 |
| 33 <!-- 2: Hide an element under the mouse --> | 33 <!-- 2: Hide an element under the mouse --> |
| 34 <div style='height: 50; width: 50; background:white;top:100;left:150; position:a
bsolute;' id='t2_2' | 34 <div style='height: 50; width: 50; background:white;top:100;left:150; position:a
bsolute;' id='t2_2' |
| 35 onMouseOver="logMouseEvent(event)" | 35 onMouseOver="logMouseEvent(event)" |
| 36 onMouseOut="logMouseEvent(event); document.getElementById('t2_2').style.back
groundColor = 'gray'">2</div> | 36 onMouseOut="logMouseEvent(event); document.getElementById('t2_2').style.back
groundColor = 'gray'">2 </div> |
| 37 <div style='height: 50; width: 50; background:orange;top:100;left:150; position:
absolute;' id='t2_1' | 37 <div style='height: 50; width: 50; background:orange;top:100;left:150; position:
absolute;' id='t2_1' |
| 38 onMouseOver="logMouseEvent(event); document.getElementById('t2_1').style.dis
play = 'none'" | 38 onMouseOver="logMouseEvent(event); document.getElementById('t2_1').style.dis
play = 'none'" |
| 39 onMouseOut="logMouseEvent(event)">2</div> | 39 onMouseOut="logMouseEvent(event)">2 </div> |
| 40 | 40 |
| 41 <!-- 3: Move the element under the mouse into another document --> | 41 <!-- 3: Move the element under the mouse into another document --> |
| 42 <div style='height: 50; width: 50; background:white;top:100;left:200; position:a
bsolute;' id='t3_2' | 42 <div style='height: 50; width: 50; background:white;top:100;left:200; position:a
bsolute;' id='t3_2' |
| 43 onMouseOver="logMouseEvent(event)" | 43 onMouseOver="logMouseEvent(event)" |
| 44 onMouseOut="logMouseEvent(event); document.getElementById('t3_2').style.back
groundColor = 'gray'">3</div> | 44 onMouseOut="logMouseEvent(event); document.getElementById('t3_2').style.back
groundColor = 'gray'">3 </div> |
| 45 <div style='height: 50; width: 50; background:yellow;top:100;left:200; position:
absolute;' id='t3_1' | 45 <div style='height: 50; width: 50; background:yellow;top:100;left:200; position:
absolute;' id='t3_1' |
| 46 onMouseOver=" | 46 onMouseOver=" |
| 47 logMouseEvent(event); | 47 logMouseEvent(event); |
| 48 newDoc = document.getElementById('invisible_frame').contentDocument; | 48 newDoc = document.getElementById('invisible_frame').contentDocument; |
| 49 try { | 49 try { |
| 50 newDoc.adoptNode(document.getElementById('t3_1')); | 50 newDoc.adoptNode(document.getElementById('t3_1')); |
| 51 } catch (e) { | 51 } catch (e) { |
| 52 newDoc.documentElement.appendChild(document.getElementById('t3_1')); | 52 newDoc.documentElement.appendChild(document.getElementById('t3_1')); |
| 53 } | 53 } |
| 54 " | 54 " |
| 55 onMouseOut="logMouseEvent(event)">3</div> | 55 onMouseOut="logMouseEvent(event)">3 </div> |
| 56 | 56 |
| 57 <!-- 4: Move the element under the mouse into another document, and append it --
> | 57 <!-- 4: Move the element under the mouse into another document, and append it --
> |
| 58 <div style='height: 50; width: 50; background:white;top:100;left:250; position:a
bsolute;' id='t4_2' | 58 <div style='height: 50; width: 50; background:white;top:100;left:250; position:a
bsolute;' id='t4_2' |
| 59 onMouseOver="logMouseEvent(event)" | 59 onMouseOver="logMouseEvent(event)" |
| 60 onMouseOut="logMouseEvent(event); document.getElementById('t4_2').style.back
groundColor = 'gray'">4</div> | 60 onMouseOut="logMouseEvent(event); document.getElementById('t4_2').style.back
groundColor = 'gray'">4 </div> |
| 61 <div style='height: 50; width: 50; background:green;top:100;left:250; position:a
bsolute;' id='t4_1' | 61 <div style='height: 50; width: 50; background:green;top:100;left:250; position:a
bsolute;' id='t4_1' |
| 62 onMouseOver=" | 62 onMouseOver=" |
| 63 logMouseEvent(event); | 63 logMouseEvent(event); |
| 64 newDoc = document.getElementById('invisible_frame').contentDocument; | 64 newDoc = document.getElementById('invisible_frame').contentDocument; |
| 65 try { | 65 try { |
| 66 newDoc.documentElement.appendChild(newDoc.adoptNode(document.getElem
entById('t4_1'))); | 66 newDoc.documentElement.appendChild(newDoc.adoptNode(document.getElem
entById('t4_1'))); |
| 67 } catch (ex) { | 67 } catch (ex) { |
| 68 newDoc.documentElement.appendChild(document.getElementById('t4_1')); | 68 newDoc.documentElement.appendChild(document.getElementById('t4_1')); |
| 69 } | 69 } |
| 70 " | 70 " |
| 71 onMouseOut="logMouseEvent(event)">4</div> | 71 onMouseOut="logMouseEvent(event)">4 </div> |
| 72 | 72 |
| 73 <!-- 5: Remove the element under the mouse --> | 73 <!-- 5: Remove the element under the mouse --> |
| 74 <div style='height: 50; width: 50; background:white;top:100;left:300; position:a
bsolute;' id='t5_2' | 74 <div style='height: 50; width: 50; background:white;top:100;left:300; position:a
bsolute;' id='t5_2' |
| 75 onMouseOver="logMouseEvent(event)" | 75 onMouseOver="logMouseEvent(event)" |
| 76 onMouseOut="logMouseEvent(event); document.getElementById('t5_2').style.back
groundColor = 'gray'">5</div> | 76 onMouseOut="logMouseEvent(event); document.getElementById('t5_2').style.back
groundColor = 'gray'">5 </div> |
| 77 <div style='height: 50; width: 50; background:blue;top:100;left:300; position:ab
solute;' id='t5_1' | 77 <div style='height: 50; width: 50; background:blue;top:100;left:300; position:ab
solute;' id='t5_1' |
| 78 onMouseOver=" | 78 onMouseOver=" |
| 79 logMouseEvent(event); | 79 logMouseEvent(event); |
| 80 document.body.removeChild(document.getElementById('t5_1')); | 80 document.body.removeChild(document.getElementById('t5_1')); |
| 81 " | 81 " |
| 82 onMouseOut="logMouseEvent(event)">5</div> | 82 onMouseOut="logMouseEvent(event)">5 </div> |
| 83 | 83 |
| 84 <!-- 6: Enter a different document --> | 84 <!-- 6: Enter a different document --> |
| 85 <iframe style='height: 50; width: 50; top:100;left:350; position:absolute; borde
r-width:0' src='resources/mouseover-mouseout-iframe.html' | 85 <iframe style='height: 50; width: 50; top:100;left:350; position:absolute; borde
r-width:0' src='resources/mouseover-mouseout-iframe.html' |
| 86 onMouseOver="logMouseEvent(event)" | 86 onMouseOver="logMouseEvent(event)" |
| 87 onMouseOut=" | 87 onMouseOut=" |
| 88 logMouseEvent(event); | 88 logMouseEvent(event); |
| 89 if (top.document.getElementById('log').innerHTML == top.document.get
ElementById('exp').innerHTML) { | 89 if (top.document.getElementById('log').innerHTML == top.document.get
ElementById('exp').innerHTML) { |
| 90 top.document.getElementById('success').style.display = 'block'; | 90 top.document.getElementById('success').style.display = 'block'; |
| 91 } | 91 } |
| 92 " | 92 " |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 134 eventSender.mouseMoveTo(380, 125); | 134 eventSender.mouseMoveTo(380, 125); |
| 135 eventSender.mouseMoveTo(385, 125); | 135 eventSender.mouseMoveTo(385, 125); |
| 136 | 136 |
| 137 eventSender.mouseMoveTo(1, 1); | 137 eventSender.mouseMoveTo(1, 1); |
| 138 } | 138 } |
| 139 } | 139 } |
| 140 </script> | 140 </script> |
| 141 | 141 |
| 142 </body> | 142 </body> |
| 143 </html> | 143 </html> |
| OLD | NEW |