LAYOUTRECT 엘레멘트나 인쇄 템플릿의 용기를 제공한다.
|
Script | 없다. |
| HTML | 없다. | |
| XML | <DEVICERECT id=idVal /> |
이 개체는 IE4.0 이상에서 엘레멘트와 스크립트를 사용할 수 있다.
이 개체는 HTML 4.0에서 정의되었다.
DEVICERECT 엘레멘트는 인쇄할 페이지나 인쇄 미리보기할 페이지를 참조한다. DEVICERECT 엘레멘트는 인쇄되거나 인쇄 미리보기될 인쇄 템플레이트(template) 속에서 내용을 감싸져야 한다. 그러나 인쇄 도중에 사용되는 단추와 같은 인쇄 템플레이트 속에 포함된 사용자 인터페이스(UI : User interface)는 템플레이트의 DEVICERECT 엘레멘트들 속에 포함되지 않아야 한다.
DEVICERECT 엘레멘트는 인쇄 템플레이트를 만들때 사용되도록 되어 있다. 이 엘레멘트가 웹페이지 상에 표현될 때 인쇄 템플레이트 밖에서는 대부분의 기능성이 불활성화된다.
DEVICERECT 엘레멘트는 전형적으로 LAYOUTRECT 엘레멘트들를 포함하고, 이는 브라우저의 현재 페이지나 다른 원천에서 인쇄 템플레이트로 들어오는 내용을 담는 용기들이 된다. DEVICERECT 엘레멘트는 div, p, ul이나 img 엘레멘트들과 같은 다른 HTML 내용을 포함할 수 있다. 이 엘레멘트들은 저작권 경고나 회사 로고등과 같은 정보를 제공하는데 사용된다.
인쇄 템플레이트는 전형적으로 각 페이지를 위하여 여러 DEVICERECT 엘레멘트들로 구성되고 스크립트를 사용하여 탄력적으로 생성되기도 한다. 예제는 LAYOUTRECT 페이지를 참조하라.
인쇄나 인쇄미리보기를 위한 양식화를 위해서, DEVICERECT 엘레멘트는 width와 height 속성들이 지정된 페이지의 스타일을 가져야 한다. 인쇄 템플레이트는 pageWidth와 pageHeight를 포함한 TemplatePrinter 비헤이버를 참조하여 현재 페이지 설정 정보를 획득할 수 있다. DEVICERECT 엘레멘트의 스타일은 전형적으로 사용자가 인쇄 미리보기에서 테두리를 알 수 있도록 border, background나 margin등이 사용된다.
DEVICERECT 엘레멘트를 사용하기 위해서는 import 처리 문장을 사용하여 XML(Extensible Markup Language) 이름자리(namespace)를 정의하여야 한다. 예를들면 이름자리 'IE'를 위하여
<IMPORT implementation="#default" namespace="IE">
이 이름자리를 이용하여 DEVICERECT 엘레멘트를 사용할 때는
<IE:DEVICERECT ... / >
설명을 위한 예제
|
|
<HTML xmlns:IE>
<IMPORT namespace="IE" implementation="#default">
<STYLE type='text/css'>
.layoutstyle{ border:1 solid red;margin:10;width:400;height:40;}
.pagestyle { border:1 solid blue;margin:5;width:500;height:50;}
</STYLE>
<DIV id="pagecontainer">
<IE:DEVICERECT id="page1" media="print" class="pagestyle">
<IE:LAYOUTRECT id="LRect1" contentsrc="document" onlayoutcomplete="OnRectComplete()" nextRect="LRect2"
class="layoutstyle"/>
</IE:DEVICERECT>
</DIV>
<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()" nextRect="LRect'+(index+2)+'" class="layoutstyle"/>';
newHTML+='</IE:DEVICERECT>';
pagecontainer.insertAdjacentHTML('beforeEnd',newHTML);
index++;
}
}
</SCRIPT>
|