채택완료

팝업창 띄우는 것에 대한 질문 드립니다.

위치를 어디에 넣어야할지 모르겠어요...

 

Copy
<script type="text/javascript">window.open("http://placehold.it/691x377","imeji","toolbar=no,width=691,height=377,top=0,left=0");</script>

이렇게 하면 새창으로 뜨고 되긴 하지만 저는 이 방식보다

 

Copy
<!DOCTYPE HTML><html lang="ko-KR"><head>	<meta charset="utf-8">	<title></title>	<style type="text/css">		.layer-box{width:691px;height:377px;position:absolute;top:200px;left:50%;margin-left:-345px;}		.layer-box .btn-close{display:block;width:140px;height:30px;border:1px solid #000;position:absolute;left:540px;top:7px;cursor:pointer;}	</style>	<script src="http://code.jquery.com/jquery-latest.min.js"></script></head><body>	<div class="layer-box"><img src="http://placehold.it/691x377" alt="" />	<span class="btn-close"></span>	</div>	<script>	  $(function() {		$( ".layer-box span.btn-close" ).click(function(){			$(this).parent().hide()		})	  });  </script></body></html>

 

이렇게 쓰고 싶습니다. head.php와 index.php에 넣어보았는데 인덱스에 넣으니 뜨지 않고

헤드에 넣으니.. 팝업창은 뜨지만 밑에 제이쿼리 슬라이더가 깨집니다ㅠㅠ 어떻게 해야할까요?

 

답변 5개 / 댓글 5개

채택된 답변
+20 포인트

jquery가 include되어 충돌이 일어나는거 같은데

 

index.php파일에 include_once('./_head.php');

 

위 코드 상단에 원하시는 코드를 한번 넣어보세요

답변에 대한 댓글 1개

<?php
define('_INDEX_', true);
include_once('./_common.php');

// 초기화면 파일 경로 지정 : 이 코드는 가능한 삭제하지 마십시오.
if ($config['cf_include_index']) {
if (!@include_once($config['cf_include_index'])) {
die('기본환경 설정에서 초기화면 파일 경로가 잘못 설정되어 있습니다.');
}
return; // 이 코드의 아래는 실행을 하지 않습니다.
}

if (G5_IS_MOBILE) {
include_once(G5_MOBILE_PATH.'/index.php');
return;
}

include_once('./_head.php');
?>

여기 위에 말씀하시는 거 맞죠? 넣어봤는데 뜨긴해요!!
슬라이드로 가려져서 z-index값을 높여줬더니 뜹니다.
그런데 저 제가 span으로 준 버튼이 안되는데 그건 왜 그럴까요ㅠㅠㅠ

IE에서도 마찬가지로 F12누르시면 개발자 도구 나옵니다. 

거기에서 스크립트 탭을 클릭하시고 디버깅 시작을 눌러주세요.

그리고 콘솔에서 스크립트 에러 확인 해보시고.. 

나중에 디버깅 중지 하시고.

 

스크립트에러를 고치시면 잘 되실듯 하네요 ^^

답변에 대한 댓글 1개

해결했습니다. 감사해요!!ㅎㅎ

그러면 아마 클릭이벤트가 바인드 되기 전에 

스크립트 에러가 나서 그럴거예요.. 

 

$(function()  는 의미가 onready 라서요..

페이지가 다 로딩된다음에 클릭이벤트가 적용되는건데

그전에 스크립트 에러가 있으면 안될수 있습니다. 

 

크롬에서 f12 누르셔서.. ​콘솔에서 스크립트 에러 확인해보세요

답변에 대한 댓글 1개

감사합니다. 에러 확인해서 고쳤어요.
크롬에서는 정상적이예요!
근데 IE에서는 안되고 밑에 콘텐츠들도 에러가 나는 등 여러 문제가 생기네요ㅠㅠㅠ

Copy
<span class="btn-close" id="btn_close_layerpopup"></span>​​
 

 

이렇게 바꾸고.. 

 

Copy
​<script>	  $(function() {
		$( "#btn_close_layerpopup​" ).click(function(){			$(this).parent().hide();
		})
	  }); </script>​​
 

 

이렇게 바꿔보세요

답변에 대한 댓글 1개

그래도 안돼요ㅠㅠㅠㅠ id로.. 바꿔도ㅠㅠㅠ

그건 머.. 스타일 충돌이나 그런거 일듯 한데요?? ^^;;

답변에 대한 댓글 1개

네.. 빈페이지에서는 되나 제 홈페이지에서만 안되는 것 같아요.
그래서 그누보드??랑 뭔가 충돌하는 문제가 있나해서요..ㅠㅠ 찾아보겠습니다. 감사드려요!!!

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