간단한 소개
OpenPopTools는 HTML 컨텐츠들을 쉽게 사용하기 위해 "AB" 가 개발하는 라이브러리들중 하나 입니다. OpenPopTools는 사용자들이 HTML 문서에서 사용하기 쉽도록 많은 기능들을 제공하며 쉽게 적용할 수 있도록 간단한 가이드 문서를 제공합니다.
다운로드
첫번째로는 Javascript 파일을 원하는 경로에 적용해주세요. 기본적인 다운로드 파일을 받아보시면 적용되어있으나, 사용할 프로젝트에 원하는 경로가 존재한다면 그에 맞게 경로만 바꿔주시면 됩니다. 그 다음은 CSS 파일도 동일한 방식으로 원하시는 폴더내에 삽입하여 주신 후 경로를 맞춰주시면 됩니다.
경로 설정의 예
<head>
	<title>Main Page</title>
	<link rel="stylesheet/less" href="./css/openpop.css">
	<script src="./js/openpopuptools.min.js"></script>
</head>
위처럼 HEAD에 경로를 추가하여 사용할 수 있습니다. 위에 설명한것 처럼 경로는 예시일 뿐이며 정해놓은 경로가 있다면 원하는 경로로 지정하여 파일을 불러오시면 됩니다.
팝업 띄우기 실행방법
<script>
openPop( '안녕하세요!' ) ;
</script>
기본적인 다이얼로그 팝업을 띄우는 방법입니다. 간단히 함수만 호출하는 것으로 팝업을 띄울 수 있으며 팝업에 쓰고 싶은 내용을 작성하여주시면 팝업이 호출됩니다. 특정 버튼을 클릭시에 openPop 함수만 호출하여 주면 간단히 팝업을 띄울 수 있습니다. 위의 예시는 간단히 팝업을 띄우는 방법을 작성한 것이며 팝업에 원하는 옵션들이 있을 경우엔 OpenPopupTools Reference 에서 제공하는 옵션을들 확인하여 추가하실 수 있습니다.
마치며.
이게 다입니다.;; 브라우저의 원하는 옵션에 원하는 값으로 팝업을 띄우세요. 사용자 설명이 되어있는 예제를 보고싶으시다면 EXAMPLE 에서 확인하세요.