<aside> 💡 기본적인 위젯을 설치한후 Javascript 통해 위젯과 상호 작용 할수 있습니다.
</aside>
<script src="<https://whattime.co.kr/widget/widget.js>" type="text/javascript" async></script>
<link href="<https://whattime.co.kr/widget/widget.css>" rel="stylesheet">
예약 페이지 내에서 일어나는 각종 이벤트를 window.addEventListener 를 통해서 전달 받을수 있습니다. 예약 페이지 내에서 window.parent.postMessage를 호출하여 이벤트를 전달 합니다
{ event: "whattime.xxx", payload }
위와 같은 구조로 이벤트를 전달 합니다.
| 이벤트 이름 | 이벤트 설명 | 이벤트 내용 |
|---|---|---|
| whattime.calendar_page_viewed | 예약 페이지가 조회됨, 백버튼 클릭시 두번 호출됩니다. | |
| whattime.date_selectedd | 날짜를 선택함 | { date } |
| whattime.date_and_time_selected | 날짜와 시간이 선택됨 | { date, time } |
| whattime.schedule_created | 예약하기 버튼을 클릭하여 예약함 | { code } |
| whattime.home_page_viewed | 예약 홈페이지가 조회됨, 현재 예약홈 위젯은 지원되지 않습니다. |
아래와 같이 이벤트를 수신할 수 있습니다.
function isWhatTimeEvent(e) {
return e.data.event && e.data.event.indexOf('whattime') === 0;
};
window.addEventListener('message', function(e) {
if (isWhatTimeEvent(e)) {
console.log("Event Name :", e.data.event);
console.log("Event Details : ", e.data.payload);
}
});