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 |