웹 뷰어 자바스크립트 설정하기

다음 순서로 웹 뷰어에 자바스크립트를 설정합니다.

자바스크립트 웹 페이지 만들기

<도구 | 웹 페이지> 메뉴로 이동합니다.
<1웹 페이지 만들기> 링크를 클릭합니다.
유형으로 “2자바스크립트”를 선택한 후 저장합니다.

자바스크립트 코드 작성

탐색 패널에서 만든 자바스크립트를 선택하여 에디터를 엽니다.
자바스크립트를 입력한 후 저장합니다.

자바스크립트는 window 객체에 _listener 객체를 설정하는 방법으로 작성합니다. 이 객체에 필요한 이벤트 함수를 추가합니다.

window._listener = {

    load: function(documentId) {
    },

    unload: function(documentId) {
    },

    documentLoaded: function(documentId) {
    },

    chapterLoaded: function(chapterId) {
    },

    chapterChanged: function(chapterId) {
    }

};

모든 이벤트 함수를 추가할 필요는 없습니다. 필요한 이벤트 함수만을 추가합니다.

함수	파라미터	설명
load	`documentId`: 문서 아이디	웹 뷰어를 시작할 때 한번 호출합니다.
unload	`documentId`: 문서 아이디	웹 뷰어를 떠날 때 한번 호출합니다.
documentLoaded	`documentId`: 문서 아이디	차례를 포함한 문서를 로드한 후 한번 호출합니다.
chapterLoaded	`chapterId`: 장 아이디	서버에서 장을 가져온 이후에 호출합니다. 장마다 한번 호출합니다. `chapterId`가 없을 때는 메인 화면을 의미합니다.
chapterChanged	`chapterId`: 장 아이디	장을 바꿀 때 호출합니다. `chapterId`가 없을 때는 메인 화면을 의미합니다.

chapterLoaded는 장을 서버에서 가져올 때만 호출합니다. chapterChanged는 사용자가 차례에서 장을 바꿀 때마다 호출합니다. 따라서 A라는 장을 처음 열면 chapterLoaded와 chapterChanged를 호출합니다. 사용자가 B라는 장을 선택하면 다시 chapterLoaded와 chapterChanged를 호출합니다. 그리고 A를 다시 선택하면 이 때는 chapterChanged만 호출합니다.

특정 자바스크립트 라이브러리를 사용하지 않는 것을 권장합니다. 웹 뷰어가 jQuery를 사용하지만 앞으로 바뀔 수 있습니다.

웹 뷰어 레이아웃에서 자바스크립트 웹 페이지 설정

<서식 | 웹 뷰어 레이아웃> 메뉴로 이동합니다.
웹 뷰어 레이아웃을 선택한 후 <웹 뷰어 레이아웃 변경> 링크를 누릅니다.
자바스크립트를 선택한 후 저장합니다.