인쇄 템플릿이 머릿글(header)과 바닥글(footer) 양식화 문자열을 변환하여 HTML 양식화할 수 있도록 도구를 제공한다.
|
Script | 없다. |
| HTML | 없다. | |
| XML | id=idVal /> |
HeaderFooter 개체는 인쇄 템플릿(print template)이 사용하는 페이지 설정 대화창에 있는 머릿글(header)과 바닥글(footer) 양식화 문자열로 부터 HTML로 변환하는 도구이다.
HeaderFooter 엘레멘트는 인쇄 템플릿을 만들 때 사용하도록 제공되었다. 인쇄 템플릿 밖에 있을 때는 기능적으로 불활성화 된다.
사용하기 위해서는 인쇄 텔플릿에 있는 HeaderFooter 엘레멘트의 textHead와 textFoot 속성에 머릿글과 바닥 양식화들의 문자열을 입력한다. 인쇄 템플릿에 TemplatePrinter 엘레멘트 삽입하고 여기서 header와 footer 속성들을 반환받아 이들 문자열을 얻을 수 있다. 이 양식의 문자열은 인쇄 설정 대화창에 디스플레이되는 것과 관계없이 사용자가 생성하여 사용할 수도 있다. 양식화 문자열에 따라 다른 속성들을 설정할 필요가 있다.
사용자가 머릿글과 바닥글을 양식화햐려면 인쇄될 정보를 다음 코드를 사용하여 지정하라.
코드를은 "페이지 &p / &P"(현재 페이지 / 총 페이지) 처럼 결합될 수 있다.
| 원하는 문자열 | 코드 |
|---|---|
| 윈도우의 제목 | &w |
| 문서의 주소(URL) | &u |
| 짧은 일자 양식(제어판의 지역설정에 따라) | &d |
| 긴 일자 양식(제어판의 지역설정에 따라) | &D |
| 시간 양식(제어판의 지역설정에 따라) | &t |
| 24 시간 시간 양식 | &T |
| 현재 페이지 번호 | &p |
| 총 페이지의 갯수 | &P |
| 중앙에 위치한 문자열(문자열 다음에 &b) | &b |
| 오른쪽에 위힌한 문자열(문자열 다음에 &b&b) | &b&b |
| 단순 앰퍼샌드(&) | && |
HeaderFooter에서 이 변환은 한 방향으로 한다. HeaderFooter는 양식화 문자열을 HTML로 변환하지만, HTML을 양식화 문자열로 변환하지는 못한다.
이 엘레멘트는 인쇄 템플릿에서 한번만 나와야 한다.
HEADERFOOTER 엘레멘트를 사용하려면, XML(Extensible Markup Language) 이름자리(namespace)를 지정하여야 한다. import 문장을 사용하여 이름자리를 다음과 같이 지정한다. 여기서 지정된 이름자리는 "IE"이다
<IMPORT implementation="#default" namespace="IE">
HEADERFOOTER 엘레멘트의 문법은 이 이름자리를 사용하여
<IE:HEADERFOOTER ... />
HEADERFOOTER 엘레멘트는 종료태그가 없으므로 XML 문법에 따라 태그종료 전에 슬래쉬(/)로 닫아줘야한다.
설명을 위한 예제
예제는 인쇄 템플릿 원본 문서를 표현하기 위하여 LAYOUTRECT과 DEVICERECT 엘레멘트들을 생성하고 HeaderFooter에 인쇄 작업할 페이지들에 머릿글과 바닥글을 추가하는 방법을 설명한다. 이해를 돕기 위하여 머릿글과 바닥글만 보여준다.
변수 headersFootersAdded의 부울값을 관찰하라.
머릿글과 바닥글이 절대위치에 배치되고, DeviceRect 속의 다른 엘레멘트를 변경시키지 않지만, 이 LayoutRect의 적용은 인쇄 템플릿 속의 DEVICERECT 엘레멘트가 변경되면 LAYOUTRECT 엘레멘트에 있는 내용을 다시 배치한다.
새로 초기화할 때 LAYOUTRECT 엘레멘트에 다시 onlayoutcomplete 이벤트가 발생되고 처음 루프는 onlayoutcomplete 처리 기능이 호출되는데, 예제에서 이것이 OnRectComplete이다.
변수 headersFootersAdded는 처음 과정이 페이지들에 도달하면 추가된 머릿글들로부터 다시 반복되는 것을 방지하기 위하여 true가 된다.
최초 LAYOUTRECT 엘레멘트를 생성할 때 머릿글과 바닥글을 추가하는 것도 좋은 방법이다. 총 페이지수는 배치가 완료된 후 추가된다.
<HTML xmlns:IE>
<IMPORT namespace="ie" implementation="#default">
<STYLE type="text/css">
.header{ position:absolute;top:.25in;width:6in;left:1in;}
.footer{ position:absolute;top:10.5in;width:6in;left:1in;}
</STYLE>
<IE:TemplatePrinter id="printer"/>
<IE:HEADERFOOTER id="headfoot"/>
<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>
</DIV>
<SCRIPT>
var headersFootersAdded=false;
function OnRectComplete(){
if (event.contentOverflow == true) AddNewPage();
else if (headersFootersAdded == false){
headfoot.textHead=printer.header;
headfoot.textFoot=printer.footer;
headfoot.url=dialogArguments.__IE_BrowseDocument.URL;
headfoot.title=dialogArguments.__IE_BrowseDocument.title;
dfoot.pageTotal=document.all.tags('DEVICERECT').length;
for (i=1; i <= headfoot.pageTotal; i++){
headfoot.page=i;
AddHeaderAndFooterToPage(i);
}
}
headersFootersAdded=true;
}
function AddHeaderAndFooterToPage(pageNum){
newHeader=headfoot.htmlHead;
newFooter=headfoot.htmlFoot;
document.all('page'+pageNum).insertAdjacentHTML('afterBegin', newHeader);
document.all('page'+pageNum).insertAdjacentHTML('beforeEnd', newFooter);
}
function AddNewPage(){
// LAYOUTRECT에 이 기능을 추가하고 특정 인쇄 템플릿의 필요에 에따라 DEVICERECT에도 추가가 가능하다,
}
oObj=headfoot;
</SCRIPT>