로그인을 IFRAME 으로 불러왔는데 문제가 있어요~~ 정보
로그인을 IFRAME 으로 불러왔는데 문제가 있어요~~관련링크
http://kjhakwon.co.kr
45회 연결
본문
아웃로그인 스킨 설명
로그인을 클릭하면 레이어에 로그인 화면을 중앙에 띄우는 스킨입니다.
그 로그인을 아이프레임으로 불러왔느데요.
로그인버튼을 클릭하면 아이프레임안에 떠서 가려져 사용을 할 수가 없습니다.(아이프레임이 작아서)
로그인버튼을 클릭했을때 본 페이지에 띄울려면 어떻게 해야 할까요??
해당 작업페이지 링크 :
http://kjhakwon.co.kr <=== 로그인 클릭해보시면 이해하실거에요~
소스
==============================================================================
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$url = '';
if ($g4['https_url']) {
if (preg_match("/^\./", $urlencode))
$url = $g4[url];
else
$url = $g4[url].$urlencode;
} else {
$url = $urlencode;
}
?>
<script language="javascript">
function bookmark(){
window.external.AddFavorite('http://kjhakwon.co.kr/', '광주시학원연합회')
}
</script>
<script type="text/javascript" src="<?=$g4[path]?>/js/capslock.js"></script>
<script language=javascript src="<?=$outlogin_skin_path?>/init.js"></script>
<table width="176" height="40" border="0" cellpadding="0" cellspacing="0" background="<?=$outlogin_skin_path?>/img/btn_bg.png">
<tr>
<td align=center valign="bottom"><a href="javascript:view_cover('LayLoginForm','','');"><img src="<?=$outlogin_skin_path?>/img/btn_login.gif" border=0></a><a href="<?=$g4[bbs_path]?>/register.php" target="_parent"><img src="<?=$outlogin_skin_path?>/img/btn_join.gif" border=0></a><a href="#" onclick="bookmark();"><img src="<?=$outlogin_skin_path?>/img/btn_fav.gif" border=0></a></td>
</tr>
</table>
<div id=LayLoginForm style="display: none; z-index: 2; left: 0px; width: 536px; position: absolute; top: 0px; height:226px">
<table style="border: #389af1 3px solid;" cellspacing=0 cellpadding=2 width=528 align=center border=0 background="<?=$outlogin_skin_path?>/img/login_bg.gif">
<form method=post name=lay_login_form onsubmit="return flogin_submit(this);" autocomplete="off" onKeypress="flogin_keypress(this);">
<input type="hidden" name="url" value='<?=$url?>'>
<tr>
<td>
<table cellspacing=0 cellpadding=0 width="100%" border=0>
<tr><td colspan=3 height=4></td></tr>
<tr>
<td colspan='2'></td>
<td align='right' style="padding-top:5px;" valign=top><a onclick="cover_off('LayLoginForm')" href="javascript:;"><img src="<?=$outlogin_skin_path?>/img/close.gif" width="42" height="11" border=0></a></td>
</tr>
<tr>
<td colspan='3'>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:19px;">
<tr>
<td width="100%" height="185" align="center"><iframe src="about:blank" mce_src="about:blank" scrolling="no" frameborder="0" style="position:absolute;width:528px;height:170px;top:3px;left:3px;z-index:-1;border:none;display:block"></iframe>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="300"></td>
<td width="140">
<table width="120" border="0" cellpadding="0" cellspacing="0" height=48>
<tr>
<td height=24 style=padding-left:8><INPUT class="ed" maxLength=20 size=20 name=mb_id itemname="아이디" required minlength="2" style="width:120px;height:22px; background-color:#FFFFFF;border: 1px solid #CCCCCC";></td></tr>
<tr>
<td height=24 style=padding-left:8><INPUT type=password class="ed" maxLength=20 size=20 name=mb_password itemname="패스워드" required style="width:120px;height:22px; background-color:#FFFFFF;border: 1px solid #CCCCCC;"></td>
</tr>
</table>
</td>
<td width="88" valign="top"><INPUT type="image" value="로그인" src="<?=$outlogin_skin_path?>/img/login_button.gif"></td>
</tr>
<tr>
<td></td><td height="30" colspan=2><div id="ld_right"><input type="checkbox" name="auto_login" value="1" onclick="if (this.checked) { if (confirm('자동로그인을 사용하시면 다음 접속시 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n자동로그인을 사용하시겠습니까?')) { this.checked = true; } else { this.checked = false; } }"></div></td>
</tr>
<tr><td colspan=3 height=13></td></tr>
<tr>
<td></td><td height="26" colspan='2' align=center style=padding-left:93><a href="<?=$g4[bbs_path]?>/register.php"><img src="<?=$outlogin_skin_path?>/img/login_join_button.gif" border=0 align="absmiddle"></a></td>
</tr>
<tr>
<td></td><td height="26" colspan='2' align=center style=padding-left:93><a href="javascript:win_password_lost();"><img src="<?=$outlogin_skin_path?>/img/login_pw_find_button.gif" width="108" height="20" border=0 align="absmiddle"></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</form>
</table>
<script language='Javascript'>
function flogin_submit(f)
{
<?
if ($g4[https_url])
echo "f.action = '$g4[https_url]/$g4[bbs]/login_check.php';";
else
echo "f.action = '$g4[bbs_path]/login_check.php';";
?>
return true;
}
</script>
<script language='Javascript'>
function flogin_keypress(f) {
if (event.keyCode==13 && document.getElementById("LayLoginForm").style.display != "none") {
if (flogin_submit(f)) f.submit();
}
}
</script>
</div>
======================================================================================
로그인을 클릭하면 레이어에 로그인 화면을 중앙에 띄우는 스킨입니다.
그 로그인을 아이프레임으로 불러왔느데요.
로그인버튼을 클릭하면 아이프레임안에 떠서 가려져 사용을 할 수가 없습니다.(아이프레임이 작아서)
로그인버튼을 클릭했을때 본 페이지에 띄울려면 어떻게 해야 할까요??
해당 작업페이지 링크 :
http://kjhakwon.co.kr <=== 로그인 클릭해보시면 이해하실거에요~
소스
==============================================================================
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$url = '';
if ($g4['https_url']) {
if (preg_match("/^\./", $urlencode))
$url = $g4[url];
else
$url = $g4[url].$urlencode;
} else {
$url = $urlencode;
}
?>
<script language="javascript">
function bookmark(){
window.external.AddFavorite('http://kjhakwon.co.kr/', '광주시학원연합회')
}
</script>
<script type="text/javascript" src="<?=$g4[path]?>/js/capslock.js"></script>
<script language=javascript src="<?=$outlogin_skin_path?>/init.js"></script>
<table width="176" height="40" border="0" cellpadding="0" cellspacing="0" background="<?=$outlogin_skin_path?>/img/btn_bg.png">
<tr>
<td align=center valign="bottom"><a href="javascript:view_cover('LayLoginForm','','');"><img src="<?=$outlogin_skin_path?>/img/btn_login.gif" border=0></a><a href="<?=$g4[bbs_path]?>/register.php" target="_parent"><img src="<?=$outlogin_skin_path?>/img/btn_join.gif" border=0></a><a href="#" onclick="bookmark();"><img src="<?=$outlogin_skin_path?>/img/btn_fav.gif" border=0></a></td>
</tr>
</table>
<div id=LayLoginForm style="display: none; z-index: 2; left: 0px; width: 536px; position: absolute; top: 0px; height:226px">
<table style="border: #389af1 3px solid;" cellspacing=0 cellpadding=2 width=528 align=center border=0 background="<?=$outlogin_skin_path?>/img/login_bg.gif">
<form method=post name=lay_login_form onsubmit="return flogin_submit(this);" autocomplete="off" onKeypress="flogin_keypress(this);">
<input type="hidden" name="url" value='<?=$url?>'>
<tr>
<td>
<table cellspacing=0 cellpadding=0 width="100%" border=0>
<tr><td colspan=3 height=4></td></tr>
<tr>
<td colspan='2'></td>
<td align='right' style="padding-top:5px;" valign=top><a onclick="cover_off('LayLoginForm')" href="javascript:;"><img src="<?=$outlogin_skin_path?>/img/close.gif" width="42" height="11" border=0></a></td>
</tr>
<tr>
<td colspan='3'>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:19px;">
<tr>
<td width="100%" height="185" align="center"><iframe src="about:blank" mce_src="about:blank" scrolling="no" frameborder="0" style="position:absolute;width:528px;height:170px;top:3px;left:3px;z-index:-1;border:none;display:block"></iframe>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="300"></td>
<td width="140">
<table width="120" border="0" cellpadding="0" cellspacing="0" height=48>
<tr>
<td height=24 style=padding-left:8><INPUT class="ed" maxLength=20 size=20 name=mb_id itemname="아이디" required minlength="2" style="width:120px;height:22px; background-color:#FFFFFF;border: 1px solid #CCCCCC";></td></tr>
<tr>
<td height=24 style=padding-left:8><INPUT type=password class="ed" maxLength=20 size=20 name=mb_password itemname="패스워드" required style="width:120px;height:22px; background-color:#FFFFFF;border: 1px solid #CCCCCC;"></td>
</tr>
</table>
</td>
<td width="88" valign="top"><INPUT type="image" value="로그인" src="<?=$outlogin_skin_path?>/img/login_button.gif"></td>
</tr>
<tr>
<td></td><td height="30" colspan=2><div id="ld_right"><input type="checkbox" name="auto_login" value="1" onclick="if (this.checked) { if (confirm('자동로그인을 사용하시면 다음 접속시 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n자동로그인을 사용하시겠습니까?')) { this.checked = true; } else { this.checked = false; } }"></div></td>
</tr>
<tr><td colspan=3 height=13></td></tr>
<tr>
<td></td><td height="26" colspan='2' align=center style=padding-left:93><a href="<?=$g4[bbs_path]?>/register.php"><img src="<?=$outlogin_skin_path?>/img/login_join_button.gif" border=0 align="absmiddle"></a></td>
</tr>
<tr>
<td></td><td height="26" colspan='2' align=center style=padding-left:93><a href="javascript:win_password_lost();"><img src="<?=$outlogin_skin_path?>/img/login_pw_find_button.gif" width="108" height="20" border=0 align="absmiddle"></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</form>
</table>
<script language='Javascript'>
function flogin_submit(f)
{
<?
if ($g4[https_url])
echo "f.action = '$g4[https_url]/$g4[bbs]/login_check.php';";
else
echo "f.action = '$g4[bbs_path]/login_check.php';";
?>
return true;
}
</script>
<script language='Javascript'>
function flogin_keypress(f) {
if (event.keyCode==13 && document.getElementById("LayLoginForm").style.display != "none") {
if (flogin_submit(f)) f.submit();
}
}
</script>
</div>
======================================================================================
댓글 전체
이유는 ..현재 로그인 링크가
javascript:view_cover('LayLoginForm','','');
이렇게 되있는데요. 당연히 프레임 안에서 열립니다.
아래처럼 바꿔야 부모창인 메인에서 열립니다.
parent. <-- 추가해주세요. (부모창에서 레이어를 보여라)
javascript:parent.view_cover('LayLoginForm','','');
javascript:view_cover('LayLoginForm','','');
이렇게 되있는데요. 당연히 프레임 안에서 열립니다.
아래처럼 바꿔야 부모창인 메인에서 열립니다.
parent. <-- 추가해주세요. (부모창에서 레이어를 보여라)
javascript:parent.view_cover('LayLoginForm','','');
javascript:parent.view_cover('LayLoginForm','','');
위와같이 수정하니 버튼이 아무런 반응을 안보니네요??
무슨이유일까요??
위와같이 수정하니 버튼이 아무런 반응을 안보니네요??
무슨이유일까요??
#### <script language=javascript src="/js/init.js"></script> ####
이 스크립트를 알아서 저장하시고 잘 불러오세요.
head.php 상단에
<script language=javascript src="/js/init.js"></script>
이런식으로 저 스크립트를 js 넣고
javascript:parent.view_cover('LayLoginForm','','');
해보시구요.
만일 그래도 안된다면
제가 작업했던 소스 입니다.
아이프레임 이니 아웃로그인으로 부르지 마시고
head.php 안에 로그인모듈 자체를 심으시면 됩니다.
<!--상단-->
<div id="head">
<div class="top_banner"><img src="/newimg/top_banner.gif" border="0" alt="" /></div>
<div class="section">
<? if (!$member['mb_id']) { ?>
<a href="javascript:view_cover('LayLoginForm','','');">로그인</a> | <a onclick="window.external.AddFavorite('http://jnlstock.cafe24.com', '자동종목발굴검색기')" href="javascript://">즐겨찾기</a>
<? } else if ($is_admin) { ?>
<font color="red">관리자</font>님 홤영합니다. | <a href="/bbs/logout.php">로그아웃</a> | <a href="/adm/">관리자페이지</a>
<? } else { ?>
<font color="red">(<?=get_lvname($member[mb_id]);?>)</font> <font color="white"><?=$member[mb_nick]?></font></b>님 환영합니다. | <a href="javascript:view_cover('LayLoginForm3','','');">마이페이지</a> | <a href="/bbs/logout.php">로그아웃</a> |
<a onclick="window.external.AddFavorite('http://jnlstock.cafe24.com', '자동종목발굴검색기')" href="javascript://">즐겨찾기</a>
<? } ?>
</div>
<div class="topimg"><img src="/newimg/top.gif" border="0" alt="" /></div>
<!--로그인-->
<script type="text/javascript" src="<?=$g4[path]?>/js/capslock.js"></script>
<script language=javascript src="/js/init.js"></script>
<div id=LayLoginForm style="display: none; z-index: 2; left: 0px; width: 380px; position: absolute; top: -300px; height:160px; border:3px solid #fbc302; background:#ffffff;">
<form method=post name=lay_login_form onsubmit="return flogin_submit(this);" autocomplete="off" onKeypress="flogin_keypress(this);">
<input type="hidden" name="url" value='<?=$login_url?>'>
<table width="370" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="/newimg/m_title.gif"></td>
</tr> <tr>
<td align="center">
<table border="0" width="70%" cellpadding="0" cellspacing="0">
<tr>
<td width="116" align="right"><img src="/newimg/m_id.gif"></td>
<td width="116"><INPUT type=text class=ed maxLength=20 size=20 name=mb_id itemname="아이디" required minlength="2"></td>
<td width="116" rowspan="2" align="center"><INPUT type=image width="65" height="52" src="/newimg/m_bt.gif" border=0></td>
</tr>
<tr>
<td width="116" align="right"><img src="/newimg/m_pass.gif"></td>
<td width="116"><INPUT type=password class=ed maxLength=20 size=20 name=mb_password id="login_mb_password" itemname="패스워드" required onkeypress="check_capslock(event, 'login_mb_password');"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="padding-top:8px;"><a href="javascript:cover_off('LayLoginForm'); view_cover('LayLoginForm2','',''); ">회원가입</a> | <a href="javascript:;" onclick="win_password_lost();">ID/비밀번호 찾기</a></td>
</tr>
<tr><td align="right" style="padding-top:5px; padding-right:5px;"><a onclick="cover_off('LayLoginForm')" href="javascript:;"><img src="/newimg/m_close.gif"></a></td>
</tr>
</table>
</form>
<script language='Javascript'>
function flogin_submit(f)
{
<?
if ($g4[https_url])
echo "f.action = '$g4[https_url]/$g4[bbs]/login_check.php';";
else
echo "f.action = '$g4[bbs_path]/login_check.php';";
?>
return true;
}
</script>
<script language='Javascript'>
function flogin_keypress(f) {
if (event.keyCode==13 && document.getElementById("LayLoginForm").style.display != "none") {
if (flogin_submit(f)) f.submit();
}
}
</script>
</div>
<!--//로그인-->
이 스크립트를 알아서 저장하시고 잘 불러오세요.
head.php 상단에
<script language=javascript src="/js/init.js"></script>
이런식으로 저 스크립트를 js 넣고
javascript:parent.view_cover('LayLoginForm','','');
해보시구요.
만일 그래도 안된다면
제가 작업했던 소스 입니다.
아이프레임 이니 아웃로그인으로 부르지 마시고
head.php 안에 로그인모듈 자체를 심으시면 됩니다.
<!--상단-->
<div id="head">
<div class="top_banner"><img src="/newimg/top_banner.gif" border="0" alt="" /></div>
<div class="section">
<? if (!$member['mb_id']) { ?>
<a href="javascript:view_cover('LayLoginForm','','');">로그인</a> | <a onclick="window.external.AddFavorite('http://jnlstock.cafe24.com', '자동종목발굴검색기')" href="javascript://">즐겨찾기</a>
<? } else if ($is_admin) { ?>
<font color="red">관리자</font>님 홤영합니다. | <a href="/bbs/logout.php">로그아웃</a> | <a href="/adm/">관리자페이지</a>
<? } else { ?>
<font color="red">(<?=get_lvname($member[mb_id]);?>)</font> <font color="white"><?=$member[mb_nick]?></font></b>님 환영합니다. | <a href="javascript:view_cover('LayLoginForm3','','');">마이페이지</a> | <a href="/bbs/logout.php">로그아웃</a> |
<a onclick="window.external.AddFavorite('http://jnlstock.cafe24.com', '자동종목발굴검색기')" href="javascript://">즐겨찾기</a>
<? } ?>
</div>
<div class="topimg"><img src="/newimg/top.gif" border="0" alt="" /></div>
<!--로그인-->
<script type="text/javascript" src="<?=$g4[path]?>/js/capslock.js"></script>
<script language=javascript src="/js/init.js"></script>
<div id=LayLoginForm style="display: none; z-index: 2; left: 0px; width: 380px; position: absolute; top: -300px; height:160px; border:3px solid #fbc302; background:#ffffff;">
<form method=post name=lay_login_form onsubmit="return flogin_submit(this);" autocomplete="off" onKeypress="flogin_keypress(this);">
<input type="hidden" name="url" value='<?=$login_url?>'>
<table width="370" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="/newimg/m_title.gif"></td>
</tr> <tr>
<td align="center">
<table border="0" width="70%" cellpadding="0" cellspacing="0">
<tr>
<td width="116" align="right"><img src="/newimg/m_id.gif"></td>
<td width="116"><INPUT type=text class=ed maxLength=20 size=20 name=mb_id itemname="아이디" required minlength="2"></td>
<td width="116" rowspan="2" align="center"><INPUT type=image width="65" height="52" src="/newimg/m_bt.gif" border=0></td>
</tr>
<tr>
<td width="116" align="right"><img src="/newimg/m_pass.gif"></td>
<td width="116"><INPUT type=password class=ed maxLength=20 size=20 name=mb_password id="login_mb_password" itemname="패스워드" required onkeypress="check_capslock(event, 'login_mb_password');"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="padding-top:8px;"><a href="javascript:cover_off('LayLoginForm'); view_cover('LayLoginForm2','',''); ">회원가입</a> | <a href="javascript:;" onclick="win_password_lost();">ID/비밀번호 찾기</a></td>
</tr>
<tr><td align="right" style="padding-top:5px; padding-right:5px;"><a onclick="cover_off('LayLoginForm')" href="javascript:;"><img src="/newimg/m_close.gif"></a></td>
</tr>
</table>
</form>
<script language='Javascript'>
function flogin_submit(f)
{
<?
if ($g4[https_url])
echo "f.action = '$g4[https_url]/$g4[bbs]/login_check.php';";
else
echo "f.action = '$g4[bbs_path]/login_check.php';";
?>
return true;
}
</script>
<script language='Javascript'>
function flogin_keypress(f) {
if (event.keyCode==13 && document.getElementById("LayLoginForm").style.display != "none") {
if (flogin_submit(f)) f.submit();
}
}
</script>
</div>
<!--//로그인-->