| 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 |