그러고 보니 3년만에 웹 제작을 하게 되었어요...
당시 그누보드4로 많이 사용했었는데 5버전을 보니 뭐가 뭔지 많이 햇갈리네요
좀더 복잡해진 것 같기도 하면서 관리자모드도 일반 모드도 심플하니 좋아졌기도 하구요
우선 정말 급하게 질문좀 드릴께요
그누보드를 다운받고 압축한 뒤 폴더명을 EEE(가성폴더명)로 변경했습니다. 그 후 FTP서버에
올리고 설치했습니다.
다른 문제 없이 잘 진행은 하고 있으나, 로그인 관련 문제가 있어서요
외부로그인 말고 레이아웃 상단(eee/theme/head.php)에 로그인을 클릭시 모덜 팝업으로 불러오는 것
까진 되었는데 문제는 로그인이 안되네요. 아무래도 경로 지정인것 같은데 고수님들 도와주세요ㅠㅠ
소스1. www/eee/theme/basic/head.php
<ul id="tnb">
<?php if ($is_member) { ?>
<?php if ($is_admin) { ?>
<li><a href="<?php echo G5_ADMIN_URL ?>"><b>관리자</b></a></li>
<?php } ?>
<li><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php">정보수정</a></li>
<li><a href="<?php echo G5_BBS_URL ?>/logout.php">로그아웃</a></li>
<?php } else { ?>
<li><a href="<?php echo G5_BBS_URL ?>/register.php">회원가입</a></li>
<li><a href="<?php echo G5_BBS_URL ?>/login.php" class="btn-example" onclick="layer_open('layer2');return false;"><b>로그인</b></a></li>
<?php } ?>
<div class="layer_pop">
<div class="bg1"></div>
<div class="pop-layer1" id="layer2">
<div class="pop-container1">
<div class="pop-conts1">
<!--content //-->
<? @include_once($member_skin_path.'/login.skin.php'); ?>
<div class="btn-r1"><a href='' class='cbtn1' alt='닫기'><img src='<?=$g5_path;?>/eee/poply/close_pop.png'></a></div>
<!--// content-->
</div>
</div>
</div>
</div>
여기서 빨간색 부분을 지우고 로그인 클릭 후 로그인 스킨을 통해 로그인시 잘 되는데 레이어 모덜 팝업을
적용시키고 로그인 하면 아무 반응없이 레이어 닫히고 로그인도 안된 상태입니다.
혹시 몰라 로그인 스킨 소스도 적어드릴께요!!
경로 : www/eee/skin/member/basic/login.skin.php
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
?>
<!-- 로그인 시작 { -->
<style rel="stylesheet">
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
z-index:500000;
font-family: 'Lato', sans-serif;
background-color: #f8f8f8;
}
body .container {
position: relative;
overflow: hidden;
width: 500px;
height: 500px;
margin: 0px auto 0;
background-color: #ffffff;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px;
}
body .container .half {
float: left;
width: 100%;
height: 100%;
padding: 40px 40px 0;
}
body .container .half.bg {
background-image: url("");
background-repeat: no-repeat;
}
body .container h1 {
font-size: 12px;
margin-bottom: 23px;
text-align: center;
text-indent: 6px;
letter-spacing: 7px;
text-transform: uppercase;
color: #263238;
}
body .container .tabs {
width: 100%;
margin-bottom: 29px;
border-bottom: 1px solid #d9d9d9;
}
body .container .tabs .tab {
display: inline-block;
margin-bottom: -1px;
padding: 20px 15px 10px;
cursor: pointer;
letter-spacing: 0;
border-bottom: 1px solid #d9d9d9;
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
transition: all 0.1s ease-in-out;
}
body .container .tabs .tab a {
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
color: #d9d9d9;
transition: all 0.1s ease-in-out;
}
body .container .tabs .tab.active a, body .container .tabs .tab:hover a {
color: #263238;
}
body .container .tabs .tab.active {
border-bottom: 1px solid #e9e9e9;
}
body .container .content form {
position: relative;
height: 500px;
}
body .container .content label:first-of-type, body .container .content input:first-of-type, body .container .content .more:first-of-type {
-moz-animation: slideIn 0.4s cubic-bezier(0.37, 0.82, 0.2, 1);
-webkit-animation: slideIn 0.4s cubic-bezier(0.37, 0.82, 0.2, 1);
animation: slideIn 0.4s cubic-bezier(0.37, 0.82, 0.2, 1);
}
body .container .content label:nth-of-type(2), body .container .content input:nth-of-type(2), body .container .content .more:nth-of-type(2) {
-moz-animation: slideIn 0.5s cubic-bezier(0.37, 0.82, 0.2, 1);
-webkit-animation: slideIn 0.5s cubic-bezier(0.37, 0.82, 0.2, 1);
animation: slideIn 0.5s cubic-bezier(0.37, 0.82, 0.2, 1);
}
body .container .content label:nth-of-type(3), body .container .content input:nth-of-type(3), body .container .content .more:nth-of-type(3) {
-moz-animation: slideIn 0.6s cubic-bezier(0.37, 0.82, 0.2, 1);
-webkit-animation: slideIn 0.6s cubic-bezier(0.37, 0.82, 0.2, 1);
animation: slideIn 0.6s cubic-bezier(0.37, 0.82, 0.2, 1);
}
body .container .content label {
font-size: 12px;
color: #263238;
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
body .container .content label:not([for='remember']) {
display: none;
}
body .container .content input.inpt {
font-size: 12px;
display: block;
width: 100%;
height: 40px;
margin-bottom: 12px;
padding: 2px 2px;
color: #999999;
border: 1px solid #d9d9d9;
background: transparent;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
body .container .content input.inpt::-webkit-input-placeholder {
font-size: 14px;
color: #999999;
font-family: 'Lato', sans-serif;
}
body .container .content input.inpt:-moz-placeholder {
font-size: 14px;
color: #999999;
font-family: 'Lato', sans-serif;
}
body .container .content input.inpt::-moz-placeholder {
font-size: 14px;
color: #999999;
font-family: 'Lato', sans-serif;
}
body .container .content input.inpt:-ms-input-placeholder {
font-size: 14px;
color: #999999;
font-family: 'Lato', sans-serif;
}
body .container .content input.inpt:focus {
border-color: #999999;
}
body .container .content input.submit {
font-size: 16px;
line-height: 42px;
display: block;
width: 100%;
height: 60px;
cursor: pointer;
vertical-align: middle;
letter-spacing: 2px;
text-transform: uppercase;
color: #263238;
border: 1px solid #263238;
background: transparent;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 4px;
}
body .container .content input.submit:hover {
background-color: #263238;
color: #ffffff;
font:bold;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
body .container .content input:focus {
outline: none;
}
body .container .content .checkbox {
margin-top: 4px;
overflow: hidden;
clip: rect(0 0 0 0);
width: 0;
height: 0;
margin: 17px -1px;
padding: 0;
border: 0;
}
body .container .content .checkbox + label {
vertical-align: middle;
display: inline-block;
width: 50%;
}
body .container .content .checkbox + label:before {
content: "\A";
color: #999999;
font-family: Verdana;
font-weight: bold;
font-size: 8px;
line-height: 10px;
text-align: center;
display: inline-block;
vertical-align: middle;
position: relative;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: transparent;
border: 1px solid #d9d9d9;
width: 11px;
height: 11px;
margin: -2px 8px 0 0;
}
body .container .content .checkbox:checked + label:before {
content: "✓";
}
body .container .content .submit-wrap {
position: absolute;
bottom: 0;
width: 100%;
}
body .container .content .submit-wrap a {
font-size: 12px;
display: block;
margin-top: 20px;
text-align: center;
text-decoration: none;
color: #999999;
}
body .container .content .submit-wrap a:hover {
text-decoration: underline;
}
body .container .content .signup-cont {
display: none;
}
@keyframes slideIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
margin-left: -320px;
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
margin-left: 0px;
}
}
@-webkit-keyframes slideIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
margin-left: -320px;
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
margin-left: 0px;
}
}
.credits {
display: block;
position: absolute;
right: 0;
bottom: 0;
color: #999999;
font-size: 14px;
margin: 0 10px 10px 0;
}
.credits a {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
color: inherit;
font-weight: 700;
text-decoration: none;
}
</style>
</head>
<body>
<form name="flogin" action="<?php echo $login_action_url ?>" onsubmit="return flogin_submit(this);" method="post">
<div id="mb_login" class="mbskin">
<input type="hidden" name="url" value="<?php echo $login_url ?>">
<section class="container">
<article class="half">
<h1>LEADERSTECH-ERP</h1>
<div class="tabs"><span class="tab signin active"><a href="#signin">Sign in</a></span></div>
<div class="content">
<div class="signin-cont cont">
<input type="text" name="mb_id" id="login_id" class="inpt" required="required" placeholder="ID">
<input type="password" name="mb_password" id="login_pw" class="inpt" required="required" placeholder="PassWord">
<input type="checkbox" name="auto_login" id="login_auto_login" class="checkbox">
<label for="login_auto_login">자동로그인</label>
<input type="submit" value="LOGIN" class="submit"><p>
<a href="<?php echo G5_BBS_URL ?>/password_lost.php" target="_blank" id="login_password_lost">Forgot your password?</a>
</div>
</div>
</article>
</section>
</div>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$('.tabs .tab').click(function(){
if ($(this).hasClass('signin')) {
$('.tabs .tab').removeClass('active');
$(this).addClass('active');
$('.cont').hide();
$('.signin-cont').show();
}
if ($(this).hasClass('signup')) {
$('.tabs .tab').removeClass('active');
$(this).addClass('active');
$('.cont').hide();
$('.signup-cont').show();
}
});
$(function(){
$("#login_auto_login").click(function(){
if (this.checked) {
this.checked = confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?");
}
});
});
function flogin_submit(f)
{
return true;
}
</script>
고수님들 도와주세요ㅠㅠ
답변 1개 / 댓글 1개
layer_open() 이함수내용을 봐야할것같은대요 그리고 로그인팝업form이랑요
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
그 상태에서 로그인은 되요..근데 layer_open()함수가 들어가면 그러네요ㅠㅠ