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 |