OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <script> | |
4 function log(message) | |
5 { | |
6 var element = document.createElement("p"); | |
7 element.appendChild(document.createTextNode(message)); | |
8 document.getElementById("results").appendChild(element); | |
9 } | |
10 function runTest() | |
11 { | |
12 if (window.testRunner) | |
13 testRunner.dumpAsText(); | |
14 if (document.scrollingElement.scrollTop == 0) | |
15 log("PASS: Document is starting scrolled to top."); | |
16 else | |
17 log("FAIL: Document is starting scrolled to " + document.scrollingElemen
t.scrollTop + "."); | |
18 document.getElementById("area").focus(); | |
19 if (document.scrollingElement.scrollTop > 4000 && document.scrollingElement.
scrollTop < 6000) | |
20 log("PASS: Focusing area element caused the image to scroll into view.")
; | |
21 else | |
22 log("FAIL: Document is scrolled to " + document.scrollingElement.scrollT
op + " after focusing area element."); | |
23 document.scrollingElement.scrollTop = 0; | |
24 if (document.scrollingElement.scrollTop == 0) | |
25 log("PASS: Document is scrolled to top once again."); | |
26 else | |
27 log("FAIL: Document should be scrolled to top but is scrolled to " + doc
ument.scrollingElement.scrollTop + "."); | |
28 document.getElementById("area").blur(); | |
29 if (document.scrollingElement.scrollTop == 0) | |
30 log("PASS: Document is still scrolled to top after removing focus from a
rea element."); | |
31 else | |
32 log("FAIL: Document is scrolled to " + document.scrollingElement.scrollT
op + " after removing focus from area element."); | |
33 document.scrollingElement.scrollTop = 0; | |
34 document.body.removeChild(document.getElementById("test")); | |
35 log("TEST COMPLETE"); | |
36 } | |
37 </script> | |
38 </head> | |
39 <body onload="runTest()"> | |
40 <div id="results"> | |
41 <p>This tests to be sure that focusing an area element triggers scrolling and re
moving focus from it does not.</p> | |
42 </div> | |
43 <div id="test"> | |
44 <div style="height:5000px"></div> | |
45 <map name="imagemap"> | |
46 <area id="area" shape="rect" coords="0,0,128,128" href="#dummy"> | |
47 </map> | |
48 <img src="resources/mu.png" width="128" height="128" usemap="#imagemap" ismap> | |
49 <div style="height:5000px"></div> | |
50 <div> | |
51 </body> | |
52 </head> | |
53 </html> | |
OLD | NEW |