WebCore:
[WebKit-https.git] / LayoutTests / fast / forms / access-key.html
1 <html>
2 <head>
3 <script>
4 function log(message)
5 {
6     var item = document.createElement("li");
7     item.appendChild(document.createTextNode(message));
8     document.getElementById("console").appendChild(item);
9 }
10 function pressKey(key)
11 {
12     var event = document.createEvent("KeyboardEvent");
13     if (navigator.userAgent.search(/\bMac OS X\b/) != -1)
14         event.initKeyboardEvent("keydown", true, true, document.defaultView, key, 0, true, false, false, false, false);
15     else
16         event.initKeyboardEvent("keydown", true, true, document.defaultView, key, 0, false, true, false, false, false);
17     document.dispatchEvent(event);
18 }
19 function test()
20 {
21     if (window.layoutTestController)
22         layoutTestController.dumpAsText();
23
24     for (i = 1; i <= 9; i++)
25         pressKey(i);
26     pressKey("a");
27     pressKey("b");
28     pressKey("c");
29 }
30 </script>
31 </head>
32 <body onload="test()">
33 <p>This test checks to see if accesskey attributes works on the specified elements.</p>
34 <p>If this test passes you should see 1 - 9 and a, b and c clicked or focussed.</p>
35 <hr>
36 <p>
37 <button accesskey="1" onfocus="log('1 button focussed')" onclick="log('1 button clicked')"></button>
38 <input type="button" value="Click me!" accesskey="2" onfocus="log('2 input type button focussed')" onclick="log('2 input type button clicked')">
39 <input type="checkbox" accesskey="3" onfocus="log('3 input type checkbox focussed')" onclick="log('3 input type checkbox clicked')">
40 <input type="text" accesskey="4" onfocus="log('4 input type text focussed')" onclick="log('4 input type text clicked')">
41 <input type="submit" accesskey="5" onfocus="log('5 input type submit focussed')" onclick="log('5 input type submit clicked')">
42 <input type="reset" accesskey="6" onfocus="log('6 input type reset focussed')" onclick="log('6 input type reset clicked')">
43 <a href="#" accesskey="7" onfocus="log('7 link focussed')" onclick="log('7 link clicked')"></a>
44 <fieldset><legend accesskey="8"></legend><input type="text" onfocus="log('8 input type associated to legend focussed')" onclick="log('8 input type associated to legend clicked')"></fieldset>
45 <label accesskey="9" for="test1"><input type="text" id="test1" onfocus="log('9 input type associated to label around input focussed')" onclick="log('9 input type associated to label around input clicked')"></label>
46 <label accesskey="a" for="test2"></label><input type="text" id="test2" onfocus="log('a input type associated to label closed before input focussed')" onclick="log('a input type associated to label closed before input clicked')">
47 <map name="mymap">
48     <area accesskey="b" shape="rect" coords="0,0,5,10" alt="" href="#" onfocus="log('b area 1 focussed')" onclick="log('b area 1 clicked')">
49     <area accesskey="c" shape="rect" coords="6,0,10,10" alt="" href="#" onfocus="log('c area 2 focussed')" onclick="log('c area 2 clicked')">
50 </map>
51 <img usemap="#mymap" alt="pic" src="#" height="10" width="10">
52 </p>
53 <hr>
54 <ol id="console"></ol>
55 </body>
56 </html>