Let's see how to use the event handler OnLayoutComplete. The function addFirstPage() assembles the document's first page from one LayoutRect element which is within a DeviceRect element. Notice the event handler ONLAYOUTCOMPLETE = 'onPageComplete()'. When the page is done rendering, we call the function onPageComplete() to continue rendering the remainder of the document. Try it. Here is the function addFirstPage():

function addFirstPage() {
  newHTML  = "<IE:DEVICERECT ID='devicerect1' MEDIA='print' CLASS='masterstyle'>";
  newHTML += "<IE:LAYOUTRECT ID='layoutrect1' CONTENTSRC='010808.html'" +
             "ONLAYOUTCOMPLETE='onPageComplete()' NEXTRECT='layoutrect2'" +
             "CLASS='contentstyle'/>";
  newHTML += "</IE:DEVICERECT>";

  devicecontainer.insertAdjacentHTML("afterBegin", newHTML);
}

People who read this tip also read these tips:

• Grouping Menu Entries
• The Image Bar
• SpiderMonkey and Rhino
• Detecting the ALT Key
• DHTML Behavior Refresher