팝업레이어 두 개 띄우기 정보
팝업레이어 두 개 띄우기본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 :
로그인/회원가입을 페이지전환 없이 팝업레이어로 띄우고싶습니다.
찾아보니 페이지 열자마자 공지처럼 띄워져있는 팝업레이어 뿐이더라구요..
일단 팝업레이어 한개 띄우는 소스로 로그인부분은 처리했는데
회원가입 을 누르면 회원가입레이어를 띄우는게 안됩니다...ㅠㅠ 얕은 지식으로 스크립트 부분을 수정하려 했으나 잘 안되네요 한번에 레이어가 두개 뜨거나 하는 문제가..
현재 한개 레이어 띄우는 부분에 대한 소스는요
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
jQuery(function($){
function layer_open(el){
//$('.layer').addClass('open');
$('.layer').fadeIn();
var temp = $('#' + el);
if (temp.outerHeight() < $(document).height() ) temp.css('margin-top', '-'+temp.outerHeight()/2+'px');
else temp.css('top', '0px');
if (temp.outerWidth() < $(document).width() ) temp.css('margin-left', '-'+temp.outerWidth()/2+'px');
else temp.css('left', '0px');
}
$('#layer_login').click(function(){
layer_open('layer_login'); /* 열고자 하는 것의 아이디를 입력 */
return false;
});
$('.layer .bg').click(function(){
$('.layer').fadeOut();
});
$('#layer_close').click(function(){
$('.layer').fadeOut();
return false;
});
$(document).ready(function(){
});
});
</script>
html부분에는
<a href="#" id="layer_login">로그인</a>
<a href="#" id="layer_resister">회원가입</a>
여기서 막혀서 답답하네요 ㅠㅠ 도움 부탁드립니다!
오류 주소 :
로그인/회원가입을 페이지전환 없이 팝업레이어로 띄우고싶습니다.
찾아보니 페이지 열자마자 공지처럼 띄워져있는 팝업레이어 뿐이더라구요..
일단 팝업레이어 한개 띄우는 소스로 로그인부분은 처리했는데
회원가입 을 누르면 회원가입레이어를 띄우는게 안됩니다...ㅠㅠ 얕은 지식으로 스크립트 부분을 수정하려 했으나 잘 안되네요 한번에 레이어가 두개 뜨거나 하는 문제가..
현재 한개 레이어 띄우는 부분에 대한 소스는요
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
jQuery(function($){
function layer_open(el){
//$('.layer').addClass('open');
$('.layer').fadeIn();
var temp = $('#' + el);
if (temp.outerHeight() < $(document).height() ) temp.css('margin-top', '-'+temp.outerHeight()/2+'px');
else temp.css('top', '0px');
if (temp.outerWidth() < $(document).width() ) temp.css('margin-left', '-'+temp.outerWidth()/2+'px');
else temp.css('left', '0px');
}
$('#layer_login').click(function(){
layer_open('layer_login'); /* 열고자 하는 것의 아이디를 입력 */
return false;
});
$('.layer .bg').click(function(){
$('.layer').fadeOut();
});
$('#layer_close').click(function(){
$('.layer').fadeOut();
return false;
});
$(document).ready(function(){
});
});
</script>
html부분에는
<a href="#" id="layer_login">로그인</a>
<a href="#" id="layer_resister">회원가입</a>
여기서 막혀서 답답하네요 ㅠㅠ 도움 부탁드립니다!
댓글 전체