묻고답하기
레이어팝업창 닫는 스크립트 도와주셔요..
2012.01.21 04:05
레이어팝업창을 띄운 후에 화면 아무곳이나 클릭하면 레이어창이 닫히는 스크립트 부탁드립니다.
(이미지를 클릭하면 닫히거나 팝업창 바깥쪽을 클릭하면 닫히도록)
제가 순수 디자이너라 다른사람이 만들어 놓은 레이어 팝업 소스 대충 사용해서 만들긴했는데 팝업창 닫기가 너무 불편해서
쉽도록 수정하고싶은데 전혀 모르겠네요.
"~이렇게 하라" 하시면 모르겠네요... 정말 죄송한데 직접 코드를 짜 주셔야 제가 사용 할 수 있을 것 같습니다.
url : http://mu4.nayana.kr/~rexclan/index.html
파일 첨부가 안되는 것 같네요..첨부기능이 고장난건지..
그래서 구성된 파일들 링크로 올립니다.
http://mu4.nayana.kr/~rexclan/html.rar
댓글 3
-
송동우
2012.01.21 04:32
-
땅강아지a
2012.01.21 05:05
port01_01.html 파일에서 <div class="content" onClick="document.getElementById('#sample01_01').style.display='none'"> 이렇게 삽입하니 안되네요 -
송동우
2012.01.21 16:59
첨부한 파일에서 예를 들자면
port01_01.html 속의
<body>
이것을
<body onClick="parent.document.getElementById('smartPop_overlay').style.display='none';parent.document.getElementById('smartPop').style.display='none'">
이렇게 바꿔보세요
jquery로 창을 띄우는 거라서 jquery로 닫는 것을 해도 될 겁니다.
방법은 한가지만 있는 것이 아니기때문에.....
-
땅강아지a
2012.01.21 21:09
너무 감사합니다. 소스도 열어보고 귀찮으셨을텐데 덕분에 잘 해결했어요^^ -
땅강아지a
2012.01.21 22:02
그런데 말씀하신데로 적용하니 레이어팝업창을 띄웠다가 끄면 부모창에 스크롤이 사라지네요. 흠.. -
송동우
2012.01.22 19:54
아..그런 문제가 있었군요
그럼 jquery로 닫아야 겠네요....
위에 적용한 것은 모두 지워버리고
port01_01.html 열고
head 태그 사이에
<script type="text/javascript">
$(document).click(function() {
parent.$.smartPop.close();
});
</script>이걸 입력해 보세요
팝업레이어 태그속에
onClick="document.getElementById('레이어아이디').style.display='none'"
이걸 추가해 보세요
팝업레이어에 있는 아이디 값을 레이어아이디 대신 넣어주면 됩니다.