| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>CSS Selector :enabled test for Anchor, Area & Link Elements</title> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| function runTest() { |
| var div = document.getElementById("result"); |
| var enabledElems = document.querySelectorAll(":enabled"); |
| if (enabledElems.length == 0) |
| div.innerHTML = "SUCCESS"; |
| else |
| div.innerHTML = "FAIL"; |
| } |
| |
| window.onload = runTest; |
| </script> |
| <link id="link-1" rel="external" href="http://www.example.com"></link> |
| <link id="link-2" rel="external"></link> |
| </head> |
| <body> |
| <div>This test checks if :enabled CSS selector should not match Anchor, Area or Link elements with 'href' attribute set.</div> |
| <a id="anchor-1" href="http://www.example.com"></a> |
| <a id="anchor-2"></a> |
| <img id="image" width="300" height="200" usemap="#map" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUCNdjYKhnAAABAgCAbV7tZwAAAABJRU5ErkJggg=="/> |
| <map name="map"> |
| <area id="area-1" coords="0,0,300,100" href="http://www.example.com"></area> |
| <area id="area-2" coords="0,100,300,200"></area> |
| </map> |
| |
| <div id="result"></div> |
| </body> |
| </html> |
