LAYOUTRECT ¿¤·¹¸àÆ®³ª Àμâ ÅÛÇø´ÀÇ ¿ë±â¸¦ Á¦°øÇÑ´Ù.

Script ¾ø´Ù.
HTML ¾ø´Ù.
XML <DEVICERECT id=idVal />
Àμö
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 ... / >

ÂüÁ¶
ins
DeviceRect, LayoutRect, TemplatePrinter, HeaderFooter, dialogArguments

¼³¸íÀ» À§ÇÑ ¿¹Á¦

<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>

media ¼Ó¼º IE (media="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ ¹®¼­¸¦ °¡´ÉÇÑ °¡Àå ³ôÀº Çػ󵵷ΠÀμâÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .media[=sVal]
ÄÚµå: document.write(page1.media') °á°ú: