테스트 사이트 - 개발 중인 베타 버전입니다

페이지 로딩시 로그인처리 채택완료

꼴랑2 11년 전 조회 11,051

안녕하세요. 하다하다 잘 안되서 도움요청드립니다. 

구현하고자 하는것은 예전 쿠팡처럼, 사이트 오픈 했을때 로그인이 안된상태라면 바로 

로그인 화면이 나타나게끔하려고 합니다. 로그인화면은 소스에 보시는 것처럼

상단 로그인 버튼을 눌렀을때 불투명 레이어가 나타나면서 그위에 로그인 페이지가

레이어로 얹어지게끔 해놓았습니다. (저도 여기저기 짜집기한거라 필요하신 분은 사용하셔도 됩니다.^^)

 

shop.head.php 에 이 소스를 넣어놓았다가 어느 페이지건 접속했을때 로그인이 안된상태라면

로그인 버튼을 안눌러도 이 스크립트가 발동을 했으면 하는것입니다. 

 

시간적인 여유가 되시면 한번 검토부탁드립니다. 

 

감사합니다. 

 

</p><p> </p><p> </p><p> </p><p><style> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>#mask {  </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  position:absolute;  </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  z-index:9000;  </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  background-color:#000;  </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  display:none;  </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  left:0;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  top:0;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>} </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>.window{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  display: none;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  position:absolute;  </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  left:50%;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  top:50%;<span class="Apple-tab-span" style="white-space:pre">	</span>  </p><p>      margin-left:-300px;<span class="Apple-tab-span" style="white-space:pre">	</span>  </p><p>      margin-top:-180px;<span class="Apple-tab-span" style="white-space:pre">	</span>  <span class="Apple-tab-span" style="white-space:pre">	</span>  </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  width:600px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  height:360px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  z-index:10000;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>  background-color:#FFF;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>}</p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></style></p><p>    </p><p>    </p><p>  </p><p><span class="Apple-tab-span" style="white-space:pre">	</span><script> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>function wrapWindowByMask(){</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>//화면의 높이와 너비를 구한다.</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>var maskHeight = $(document).height();  </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>var maskWidth = $(window).width();  </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>//마스크의 높이와 너비를 화면 것으로 만들어 전체 화면을 채운다.</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('#mask').css({'width':maskWidth,'height':maskHeight});  </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>//애니메이션 효과 - 일단 1초동안 까맣게 됐다가 80% 불투명도로 간다.</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>//$('#mask').fadeIn(1);      </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('#mask').fadeTo("slow",0.8);    </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>//윈도우 같은 거 띄운다.</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('.window').show();</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('.window2').show();<span class="Apple-tab-span" style="white-space:pre">		</span></p><p><span class="Apple-tab-span" style="white-space:pre">	</span>}</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$(document).ready(function(){</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>//검은 막 띄우기</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('.openMask').click(function(e){</p><p><span class="Apple-tab-span" style="white-space:pre">			</span>e.preventDefault();</p><p><span class="Apple-tab-span" style="white-space:pre">			</span>wrapWindowByMask();</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>});</p><p><span class="Apple-tab-span" style="white-space:pre">		</span></p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>//닫기 버튼을 눌렀을 때</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('.window .close').click(function (e) {  </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>    //링크 기본동작은 작동하지 않도록 한다.</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>    e.preventDefault();  </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>    $('#mask, .window').hide();  </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>});   </p><p> </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('.window2 .close').click(function (e) {  </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>    //링크 기본동작은 작동하지 않도록 한다.</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>    e.preventDefault();  </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>    $('#mask, .window2').hide();  </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>});   </p><p> </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>//검은 막을 눌렀을 때</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('#mask').click(function () {  </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>    $(this).hide();  </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>    $('.window').hide();  </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>});</p><p><span class="Apple-tab-span" style="white-space:pre">		</span></p><p><span class="Apple-tab-span" style="white-space:pre">				</span>  </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>});</p><p> </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$(document).ready(function() { </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('#login').click(function() {</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('.window').load('<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>');</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>return false; </p><p><span class="Apple-tab-span" style="white-space:pre">		</span>});</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>});</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span></script> </p><p>    </p><p>  </p><p> </p><p><div id="mask"></div> </p><p><div class="window"></div> </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span> </p><p><!-- 상단 시작 { --></p><p><div id="hd" onload="window_onload();"></p><p>    <h1 id="hd_h1"><?php echo $g5['title'] ?></h1></p><p> </p><p>    <div id="skip_to_container"><a href="#container">본문 바로가기</a></div></p><p> </p><p>    <?php if(defined('_INDEX_')) { // index에서만 실행</p><p>        include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어</p><p>     } ?></p><p> </p><p>    <aside id="hd_qnb"></p><p>        <h2>쇼핑몰 퀵메뉴</h2></p><p>        <div style="width:1000px; margin: auto"><div id="tnb"></p><p>             <ul></p><p>                <?php if ($is_member) { ?></p><p>                <li id="login"><a href="#" class="openMask">로그인</a></li></p><p>                <?php } ?></p><p>                <li><a href="<?php echo G5_SHOP_URL; ?>/mypage.php">마이페이지</a></li></p><p>                <li><a href="<?php echo G5_BBS_URL; ?>/faq.php">FAQ</a></li></p><p>                <li><a href="<?php echo G5_BBS_URL; ?>/qalist.php">1:1문의</a></li></p><p>                <li><a href="<?php echo G5_SHOP_URL; ?>/personalpay.php">개인결제</a></li></p><p>                <li><a href="<?php echo G5_SHOP_URL; ?>/itemuselist.php">사용후기</a></li></p><p>                <?php if(!$default['de_root_index_use']) { ?></p><p>                <li><a href="<?php echo G5_URL; ?>/">커뮤니티</a></li></p><p>                <?php } ?></p><p>            </ul></p><p>        </div></div></p><p>    </aside></p><p> </p><p>    <div id="hd_wrapper"></p><p>        <div id="logo"><a href="<?php echo $default['de_root_index_use'] ? G5_URL : G5_SHOP_URL; ?>/"><img src="<?php echo G5_DATA_URL; ?>/common/logo_img" alt="<?php echo $config['cf_title']; ?>"></a></div></p><p> </p><p>        <div id="hd_sch"></p><p>            <h3>쇼핑몰 검색</h3></p><p>            <form name="frmsearch1" action="<?php echo G5_SHOP_URL; ?>/search.php" onsubmit="return search_submit(this);"></p><p> </p><p>            <label for="sch_str" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label></p><p>            <input type="text" name="q" value="<?php echo stripslashes(get_text(get_search_string($q))); ?>" id="sch_str" required style=" width:300px"></p><p>            <input type="submit" value="검색" id="sch_submit"></p><p> </p><p>            </form></p><p>            <script></p><p>            function search_submit(f) {</p><p>                if (f.q.value.length < 2) {</p><p>                    alert("검색어는 두글자 이상 입력하십시오.");</p><p>                    f.q.select();</p><p>                    f.q.focus();</p><p>                    return false;</p><p>                }</p><p> </p><p>                return true;</p><p>            }</p><p>            </script></p><p>        </div></p><p> </p><p>    </div></p><p>

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

답변 1개

채택된 답변
+20 포인트

 </p><p>$(document).ready(function() { 
    $('#login').click(function() {
        $('.window').load('<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>');
        return false; 
    });

    <?if(empty($is_member)){?>
    $('.window').load('<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>');
    <?}?>
});</p><p>
 

요렇게 바꿔주시면 로그인이 안됐을때 화면을 띄우겠지요

그리고 

$(document).ready(function() { 가 두번 나오네요?

로그인부분도 윗부분의 $(document).ready(function() { 에 속하게 하시는게................... 

로그인 후 평가할 수 있습니다

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

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

로그인