| OLD | NEW |
| (Empty) |
| 1 <!doctype html> | |
| 2 <html> | |
| 3 <!-- | |
| 4 Test that the content is properly flowed into dynamically added regions. | |
| 5 On success you should see that the colored boxes are displayed inside the 3
rectangles with black border. | |
| 6 The green box should be displayed in left region. | |
| 7 The blue box should be displayed in middle region. | |
| 8 The orange box should be displayed in right region. | |
| 9 --> | |
| 10 <head> | |
| 11 <link rel="stylesheet" href="resources/region-style.css"> | |
| 12 </head> | |
| 13 <body> | |
| 14 <div class="flowArticle"> | |
| 15 <div class="greenBox"></div> | |
| 16 <div class="blueBox"></div> | |
| 17 <div class="orangeBox"></div> | |
| 18 </div> | |
| 19 <div class="regionArticle borderBox"></div> | |
| 20 <div id="region"></div> | |
| 21 <div class="regionArticle borderBox"></div> | |
| 22 <script> | |
| 23 var region = document.getElementById("region"); | |
| 24 // The next line will create a new RenderRegion and insert it | |
| 25 // into the flow thread. | |
| 26 region.className = "regionArticle borderBox"; | |
| 27 </script> | |
| 28 </body> | |
| 29 </html> | |
| OLD | NEW |