나타나기/숨기기





위에 링크를 클릭해보면 무엇을 구현했는지 알 수 있다.

<div> </div> 영역을 숨기기 나타나기 기능을 구현한 함수 기능이다.

나는 상세검색용 옵션을 감추고 보여주는 기능을 응용을 했다.

기본적으로 <div> 태그옵션을 style="display:none" 으로 해서

숨겨지게 했다. 처음부터 보이게 만들고 싶으면

style="display:none" 부분만 지우면 된다.

** 소스 **

<script language="javascript">
<!--
function toggleLayer(layer)
{
    var l = document.getElementById(layer);
    if(l.style.display == "")
        l.style.display = "none";
    else if(l.style.display == "none")
        l.style.display = "";
}
-->
</script>

<!--toggleLayer 함수 호출은-->
<a href="javascript:toggleLayer('xx');"> </a>

<!--클릭할때마다 나타나고 숨기는 <div> 영역을 구현-->
<div id="xx" style="display:none"></div>


'StudyData > Javascript' 카테고리의 다른 글

div 태그 나타나기/숨기기 기능 구현  (0) 2009.04.14
체크박스 전부체크/전부해제  (2) 2009.04.06
Posted by 이라크왕자

댓글을 달아 주세요