123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <html>
- <head>
- <style>
- div.block { height: 100px; border: 1px solid black; margin:10px; }
- </style>
- <script>
- var resizecount = 0;
- var loaded = false;
- window.onresize = function() {
- resizecount++;
- document.getElementById('count1').innerHTML = resizecount;
- }
- </script>
- </head>
- <body>
- <div>
- Test how many resize events are emitted during page load and dynamic content generation.
- Do not resize the page. It invalidates the test.
- <p style="text-indent: 10px" id=result1>
- Resize events (should be 0 or 1): <span id=count1>0</span>
- </div>
- <div id=expandingblock>
- </div>
- <script>
- var blockcount = 0;
- function addBlock() {
- var el = document.createElement('div');
- el.setAttribute('class','block');
- document.getElementById('expandingblock').appendChild(el);
- if (++blockcount < 30)
- setTimeout(addBlock, 20);
- else
- finish();
- }
- function finish() {
- var result;
- // 0 or 1 resize events are acceptable.
- if (resizecount < 2)
- result = '<p style="color: green">PASS';
- else
- result = '<p style="color: red">FAIL';
- var resultElement = document.getElementById('result1')
- resultElement.innerHTML += result;
- }
- onload = addBlock;
- </script>
- </body>
|