OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <style> | |
4 div.block { height: 100px; border: 1px solid black; margin:10px; } | |
5 </style> | |
6 <script> | |
7 var resizecount = 0; | |
8 var loaded = false; | |
9 window.onresize = function() { | |
10 resizecount++; | |
11 document.getElementById('count1').innerHTML = resizecount; | |
12 } | |
13 </script> | |
14 </head> | |
15 <body> | |
16 <div> | |
17 Test how many resize events are emitted during page load and dynamic con
tent generation. | |
18 | |
19 Do not resize the page. It invalidates the test. | |
20 <p style="text-indent: 10px" id=result1> | |
21 Resize events (should be 0 or 1): <span id=count1>0</span> | |
22 </div> | |
23 <div id=expandingblock> | |
24 </div> | |
25 <script> | |
26 var blockcount = 0; | |
27 function addBlock() { | |
28 var el = document.createElement('div'); | |
29 el.setAttribute('class','block'); | |
30 document.getElementById('expandingblock').appendChild(el); | |
31 if (++blockcount < 30) | |
32 setTimeout(addBlock, 20); | |
33 else | |
34 finish(); | |
35 } | |
36 function finish() { | |
37 var result; | |
38 // 0 or 1 resize events are acceptable. | |
39 if (resizecount < 2) | |
40 result = '<p style="color: green">PASS'; | |
41 else | |
42 result = '<p style="color: red">FAIL'; | |
43 var resultElement = document.getElementById('result1') | |
44 resultElement.innerHTML += result; | |
45 } | |
46 onload = addBlock; | |
47 </script> | |
48 </body> | |
OLD | NEW |