UIEvent.load.stylesheet.html (1658B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title id='desc'> UIEvent: load event for style sheets </title> 5 <script type="text/javascript"> 6 var PassTest = function() 7 { 8 document.getElementById("testresult").firstChild.data = "PASS"; 9 } 10 11 var FailTest = function() 12 { 13 document.getElementById("testresult").firstChild.data = "FAIL"; 14 } 15 16 function TestEvent(evt) 17 { 18 if ((evt.type == EVENT) && (evt.currentTarget == TARGET)) 19 { 20 PassTest(); 21 } 22 else 23 { 24 FailTest(); 25 } 26 } 27 28 var EVENT = "load"; 29 var TARGET; 30 31 window.onload = function() 32 { 33 try 34 { 35 TARGET = document.getElementById("target"); 36 TARGET.addEventListener(EVENT, TestEvent, false); 37 TARGET.href = "./support/style01.css"; 38 } 39 catch(ex) 40 { 41 FailTest(); 42 } 43 } 44 </script> 45 </head> 46 <body> 47 <h3>DOM Events</h3> 48 <h4> 49 Test Description: UIEvent - load event fires when the DOM Implementation finishes loading 50 dependent resources, such as style sheets. 51 </h4> 52 53 <LINK id="target" rel="stylesheet" /> 54 55 <p>Test passes if the word "PASS" appears below.</p> 56 <div>Test result: </div> 57 <div id='testresult'>FAIL</div> 58 </body> 59 </html>