자바스크립트 질문좀 드리겠습니다.

자바스크립트 질문좀 드리겠습니다.

QA

자바스크립트 질문좀 드리겠습니다.

본문

안녕하세요

클릭하면 팝업형식으로 div가 뜨게하는건데요

 

 


<script language="javascript">
<!--
function ViewMenu(){
document.all.div_btnTotal.style.visibility="visible";
return false;
}

function CloseMenu(){
document.all.div_btnTotal.style.visibility="hidden";
return false;
}
//-->
</script>

 

 

<div id="div_btnTotal" style="visibility:hidden; top: 130px; margin-left: -365px; left: 50%; width:929px; position:absolute;">
<div><img src="../images/common/all_sitemap.gif" border="0" usemap="#all_sitemap">
</div>
</div>

 

이런식으로 되어있습니다.

 

<a href="#div_btnTotal"  class="btn_03">사이트맵</a>

 

이런식으로 띄우는것 같은데 방법을 도져히 모르겠어서요ㅠㅠ

고수님들의 도움 부탁드립니다..ㅠ

 

 

이 질문에 댓글 쓰기 :

답변 2

자바스크립트가 펑션으로 정의되어 있습니다.

즉 ViewMenu() 나 CloseMenu() 를 호출해야 작동을 한다는것입니다.

 

스크립트 호출시 아이디가 div_btnTotal 인 개체가 visible 유무에 따라서

view 혹은 close 분기를 두는것 같은데..

 

스크립트가 왜 저렇게 되어있는지 의아하네요..

그냥 펑션 하나로 해당 스타일이 visible,hidden 에 따라서 숨겨지거나 보여지게 하면 되는데 말이죠..

 

위 소스로만 보자면

<a href="#div_btnTotal"  class="btn_03">사이트맵</a>

이런식으로 띄우시는게 아니고

 

<a href="#" onclick="ViewMenu(); return false; class="btn_03">사이트맵열기</a>

<a href="#" onclick="CloseMenu(); return false; class="btn_03">사이트맵닫기</a>

 

이런식으로 사용하는것입니다.

 

 

위 스크립트를 제이쿼리로 표현하자면

 

<div id="test" style="width:100px; height:100px; background:#fff100;"></div>

<input type="button" onclick="testdiv();" value="토글">

<script type="text/javascript">

function testdiv(){ 

if($('#test').css('display') == 'none'){ // div 안보일때

$('#test').css('display','block'); // 보이기

} else if($('#test').css('display') == 'block'){ // div 보일때

$('#test').css('display','none'); // 숨기기

}

}

</script>

 

이런식으로 할 수 있습니다.

해당 div 가 보인다면 none 안보인다면 block 시키는 것이죠.

답변을 작성하시기 전에 로그인 해주세요.
전체 122,906 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT