OLD | NEW |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> |
2 <html xmlns="http://www.w3.org/1999/xhtml"> | 2 <html xmlns="http://www.w3.org/1999/xhtml"> |
3 <head> | 3 <head> |
4 <title>Image map bug</title> | 4 <title>Image map bug</title> |
5 <script type="text/javascript"> | 5 <script type="text/javascript"> |
6 if (window.testRunner) | 6 if (window.testRunner) |
7 testRunner.dumpAsText(); | 7 testRunner.dumpAsText(); |
8 | 8 |
9 function changeMap() { | 9 function changeMap() { |
10 var i = document.getElementById('img'); | 10 var i = document.getElementById('img'); |
11 var h = document.getElementById('mapHolder'); | 11 var h = document.getElementById('mapHolder'); |
12 i.useMap = ''; | 12 i.useMap = ''; |
13 h.innerHTML = '<map name="map"><area shape="rect" coords="0,0,300,200" alt="
" href="javascript:success()"></map>'; | 13 h.innerHTML = '<map name="map"><area shape="rect" coords="0,0,300,200" alt="
" href="javascript:success()"></map>'; |
14 i.useMap = '#map'; | 14 i.useMap = '#map'; |
15 } | 15 } |
16 | 16 |
17 function test() { | 17 function test() { |
18 changeMap(); | 18 changeMap(); |
19 if (window.eventSender) { | 19 if (window.eventSender) { |
20 // Mouse events only work after an initial layout | |
21 document.body.offsetLeft; | |
22 eventSender.mouseMoveTo(100, 100); | 20 eventSender.mouseMoveTo(100, 100); |
23 eventSender.mouseDown(); | 21 eventSender.mouseDown(); |
24 eventSender.mouseUp(); | 22 eventSender.mouseUp(); |
25 } else | 23 } else |
26 document.getElementById("log").innerHTML = "Please click the image"; | 24 document.getElementById("log").innerHTML = "Please click the image"; |
27 } | 25 } |
28 | 26 |
29 function success() { | 27 function success() { |
30 document.getElementById("log").innerHTML = "SUCCESS"; | 28 document.getElementById("log").innerHTML = "SUCCESS"; |
31 } | 29 } |
32 | 30 |
33 function fail() { | 31 function fail() { |
34 document.getElementById("log").innerHTML = "FAIL"; | 32 document.getElementById("log").innerHTML = "FAIL"; |
35 } | 33 } |
36 </script> | 34 </script> |
37 </head> | 35 </head> |
38 <body onload="test()"> | 36 <body onload="test()"> |
39 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=9504">bug 9504</a>:
img tag rewritten by innerHTML doesn't use image map.</p> | 37 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=9504">bug 9504</a>:
img tag rewritten by innerHTML doesn't use image map.</p> |
40 <div id=log>Testing...</div> | 38 <div id=log>Testing...</div> |
41 <div> | 39 <div> |
42 <img id="img" width="300" height="200" usemap="#map" alt="" src="data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUC
NdjYKhnAAABAgCAbV7tZwAAAABJRU5ErkJggg=="/> | 40 <img id="img" width="300" height="200" usemap="#map" alt="" src="data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUC
NdjYKhnAAABAgCAbV7tZwAAAABJRU5ErkJggg=="/> |
43 </div> | 41 </div> |
44 <div id="mapHolder"><map name="map"><area shape="rect" coords="0,0,300,200" alt=
"" title="First" href="javascript:fail()"></map></div> | 42 <div id="mapHolder"><map name="map"><area shape="rect" coords="0,0,300,200" alt=
"" title="First" href="javascript:fail()"></map></div> |
45 </body> | 43 </body> |
46 </html> | 44 </html> |
OLD | NEW |