예제는 onlayoutcomplete 이벤트처리자를 포함한 기본적인 인쇄 미리보기를 설명한 예제이며 인쇄는 되지 않는다. 인쇄를 위한 설정은 TemplatePrinter를 참조하라. 여기서 LAYOUTRECT에서 nextRect 속성으로 다음 생성되는 LAYOUTRECT을 id로 지정하고 생성하였다.
<HTML xmlns:IE>
<HEAD>
<IMPORT namespace="IE" implementation="#default">
<SCRIPT>
index=1;
function OnRectComplete(){
if (event.contentOverflow==true){
document.all('LRect'+index).onlayoutcomplete=null;
newHTML='<IE:DEVICERECT id="page'+(index+1)+'" media="print" class="pagestyle">';
newHTML+='<IE:LAYOUTRECT id="LRect'+(index+1)+'" onlayoutcomplete="OnRectComplete()" ';
newHTML+='nextRect="LRect'+(index+2)+'" class="layoutstyle"/>';
newHTML+='</IE:DEVICERECT>';
pagecontainer.insertAdjacentHTML('beforeEnd',newHTML);
index++;
}
}
</SCRIPT>
<STYLE type='text/css'>
.layoutstyle{ border:1 solid red;margin:10;width:700;height:60em;}
.pagestyle { border:1 solid blue;margin:5;width:700;height:60em;}
</STYLE>
</HEAD>
<BODY>
<DIV id="pagecontainer">
<IE:DEVICERECT id="page1" media="print" class="pagestyle">
<IE:LAYOUTRECT id="LRect1" contentsrc="../../object/jsList.html"
onlayoutcomplete="OnRectComplete()" nextRect="LRect2" class="layoutstyle"/>
</IE:DEVICERECT>
</DIV>
</BODY>