제이쿼리가 충돌인가요? 사이트 좀 봐주세요~
본문
http://www.hanilcalendar.co.kr/index.php
위에 접속하면 그림이 3개 있습니다.
그중 첫번째 이미지를 클릭하면 -> 레이어가 나타나고 상단우측에 X표시가 보입니다.
이 X표시를 클릭하면 -> 레이어가 사라지고 초기화면이 다시 나타납니다.
이것은 원하는 대로 잘 작동이 됩니다.
근데 두번째 이미지를 클릭하면 -> 상단우측에 X표시가 클릭을 해도 작동이 안됩니다.(레이어가 닫히는 버튼)
다른 HTML 페이지는 에러가 안생기는데
꼭 그누보드만 X표시 버튼이 작동 안됩니다.
어디가 문제인가요?
[참고로 소스는 아래내용 입니다.]
//관련파일 인크루트
<link rel="stylesheet" href="http://www.hanilcalendar.co.kr/css/dhtmlwindow.css" type="text/css" />
</head>http://www.hanilcalendar.co.kr/js/dhtmlwindow.js"></script>
<link rel="stylesheet" href="http://www.hanilcalendar.co.kr/css/modal.css" type="text/css" />
<script type="text/javascript" src="http://www.hanilcalendar.co.kr/js/modal.js"></script>
//자바스크립트
<script type="text/javascript">
function opennewsletter(url){
emailwindow=dhtmlmodal.open('EmailBox', 'iframe', url, '', 'width=1040px,height=760px,center=1,resize=0,scrolling=0')
}
</script>
// 레이어 나타나게 함수 호출 - 2번째가 그누보드5 게시판링크 입니다.
<div style="float: left;width:300px;border: 0px solid #000; padding:0px;"><a href="http://www.hanilcalendar.co.kr/calendar_view.html" target="_self" onClick="opennewsletter('http://www.hanilcalendar.co.kr/calendar_view.html'); return false"><img src="http://www.hanilcalendar.co.kr/calendar_img/cover_he.jpg" style="border: 1px solid #000;margin:0px;"></a></div>
<div style="float: left;width:300px;border: 0px solid #000; padding:0px;"><a href="http://www.hanilcalendar.co.kr/calendar_view.html" target="_self" onClick="opennewsletter('http://hanilcalendar.co.kr/gu5/bbs/board.php?bo_table=order'); return false"><img src="http://www.hanilcalendar.co.kr/calendar_img/cover_gug.jpg" style="border: 1px solid #000;margin:0px;"></a></div>
<div style="float: left;width:300px;border: 0px solid #000; padding:0px;"><img src="http://www.hanilcalendar.co.kr/calendar_img/cover_il.jpg" style="border: 1px solid #000;margin:0px;"></div>
답변 5
div id="EmailBox" 에서 X표를 클릭하면 display: none; 로 변경이 되야 하는데, display: block; 으로 변해야 하는데, 두번째는 X를 클릭해도 display: block; 으로 설정이 되어 있네요.
이부분을 확인해보세요.
스크립트를 다른걸로 바꿔보세요. X 를 누른상태로 마우스 이동하면 레이어가 움직이던데 조금 복잡한 스크립트 사용하면서 충돌이 의심되내요^_^
두번째 링크 클릭하면 아래 에러 출력되네요.
Error: Permission denied to access property 'document'
opennewsletter('http://hanilcalendar.co.kr/gu5/
링크 주소에 www. 를 붙여보세요.
아니면 www 를 전부 없애든지 해서 도메인 주소를 동일하게 해주면 됩니다.
휴...
4시간만에 해결했습니다.
원인은 www 때문 이였습니다.
에러발생 - www 있음
onClick="opennewsletter('http://www.hanilcalendar.co.kr/gu5/bbs/board.php?bo_table=order'); return false">
에러없음 - www 없음
onClick="opennewsletter('http://hanilcalendar.co.kr/gu5/bbs/board.php?bo_table=order'); return false">
카마지존님, 빨간망토의비밀님 답변 감사 드립니다.
빨간망토의비밀님 답변을 보고 힌트를 얻었습니다. 채택 할께요. ^^
어!
뽁스님이 정확한 답변을 주셨네요? 아까는 글이 없었는데...
에고~~~
제가 벌써 채택을 했어요.
죄송합니다. 뽁스님...
괜찮아요~ㅎㅎ 해결하셨으니 다행이네요~^^
