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

• 해당 코드로 Javascript 라이브러리와 Stlyesheet 를 불러 올 수 있습니다.

예약 페이지 내의 이벤트 받기

예약 페이지 내에서 일어나는 각종 이벤트를 window.addEventListener 를 통해서 전달 받을수 있습니다. 예약 페이지 내에서 window.parent.postMessage를 호출하여 이벤트를 전달 합니다

{ event: "whattime.xxx", payload }

위와 같은 구조로 이벤트를 전달 합니다.

| --- | --- | --- |

아래와 같이 이벤트를 수신할 수 있습니다.

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);
  }
});

위젯 함수 설명