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

트리메뉴를 Element ID 없이 간단히 구현하는 데모 소스

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>무제 문서</title>
<style type="text/css">
code {
    font: 9pt tahoma;
    cursor: pointer;
}
</style>
<script type="text/javascript">
function toggleDisplay(elem)
{
    var elem = elem.parentElement;
    for(i = 0; i < elem.children.length; i++) {
        with(elem.children[i]) {
            if(tagName == "BLOCKQUOTE") {
                if(style.display == "") {
                    style.display = "none";
                }
                else {
                    style.display = "";
                }
            }
        }
    }
}
</script>
</head>

<body>
<blockquote>
<code onClick="toggleDisplay(this);"><A HREF="">테스트1</A></code>
    <blockquote>
    <code onClick="toggleDisplay(this);"><A HREF="">테스트2</A></code>
        <blockquote>
        <code onClick="toggleDisplay(this);"><A HREF="">테스트3</A></code>
        </blockquote>
        <blockquote>
        <code onClick="toggleDisplay(this);"><A HREF="">테스트3</A></code>
        </blockquote>
    </blockquote>
    <blockquote>
    <code onClick="toggleDisplay(this);"><A HREF="">테스트2</A></code>
        <blockquote>
        <code onClick="toggleDisplay(this);"><A HREF="">테스트3</A></code>
        </blockquote>
        <blockquote>
        <code onClick="toggleDisplay(this);"><A HREF="">테스트3</A></code>
        </blockquote>
    </blockquote>
</blockquote>
<blockquote>
<code onClick="toggleDisplay(this);"><A HREF="">테스트2</A></code>
    <blockquote>
    <code onClick="toggleDisplay(this);"><A HREF="">테스트3</A></code>
    </blockquote>
    <blockquote>
    <code onClick="toggleDisplay(this);"><A HREF="">테스트3</A></code>
    </blockquote>
</blockquote>
</body>
</html>

[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]

댓글 작성

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

로그인하기

댓글 2개

ie 전용인가요.

ie에서도 이상할 듯, 워낙 지 맘대로가. ie 니..

dom 표준으로 할려면

parentNode =>childNodes 로 접근해야 합니다.

function toggleDisplay(elem)
{
var elem = elem.parentNode.childNodes;
for(i = 0; i < elem.length; i++)
{
if(elem[i].tagName == "BLOCKQUOTE")
{
if(elem[i].style.display == "")
{
elem[i].style.display = "none";
}
else
{
elem[i].style.display = "";
}
}
}
}
파일로 첨부 해주시면감사.ㅋㅋ

게시판 목록

프로그램

글쓰기