채택완료

제이쿼리가 충돌인가요? 사이트 좀 봐주세요~

2015-06-02 (화) 11:26:09 4,733

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개 / 댓글 1개

채택된 답변
+20 포인트
2015-06-02 (화) 12:53:39

div id="EmailBox​" 에서 X표를 클릭하면 display: none;​ 로 변경이 되야 하는데, display: block;​ 으로 변해야 하는데, 두번째는 X를 클릭해도 display: block; 으로 설정이 되어 있네요.

이부분을 확인해보세요.​

2015-06-02 (화) 13:32:14

어!

뽁스님이 정확한 답변을 주셨네요? 아까는 글이 없었는데...

에고~~~

제가 벌써 채택을 했어요.

죄송합니다. 뽁스님... 

답변에 대한 댓글 1개

괜찮아요~ㅎㅎ 해결하셨으니 다행이네요~^^
2015-06-02 (화) 13:28:57

휴...

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

카마지존님, 빨간망토의비밀님 답변 감사 드립니다.

빨간망토의비밀님 답변을 보고 힌트를 얻었습니다. 채택 할께요. ^^ 

두번째 링크 클릭하면 아래 에러 출력되네요. 

Error: Permission denied to access property 'document'

opennewsletter('http://hanilcalendar.co.kr/gu5/

링크 주소에 www. 를 붙여보세요.  

아니면 www 를 전부 없애든지 해서 도메인 주소를 동일하게 해주면 됩니다.

2015-06-02 (화) 12:49:55

스크립트를 다른걸로 바꿔보세요.  X 를 누른상태로 마우스 이동하면 레이어가 움직이던데 조금 복잡한 스크립트 사용하면서 충돌이 의심되내요^_^ 

답변을 작성하려면 로그인이 필요합니다.