ツリーメニューについて
-
0 名前： ぷぷ ： 2006/09/04（月） 19:08 ID:qIduBKjc
- ツリーメニューを作っているのですが、クリックもしていないのにそのページを開くとツリーがすでに下がっています。どうしたらいいのでしょうか。初心者ですが、よろしくお願いします。
-
1 名前： sevi- ： 2006/09/04（月） 19:08 ID:9J5RKOHs
- うむ.その問題のソースを寄越せ.
-
2 名前： ぷぷ ： 2006/09/04（月） 19:08 ID:qIduBKjc
- レスありがとうございます。こちらが問題のソースです。
<style type="text/css">
<!--
.tree { line-height: 95%; }
.tree a { text-decoration: none; color: #000080; }
.tree a:hover { color: }
-->
</style>
<script type="text/javascript">
<!--
function init() {
if (!document.getElementsByTagName) { return; }
var objs = document.getElementsByTagName("div");
for (i = 0; i < objs.length; i++) {
if (objs[i].className == "titem") {
objs[i].style.display = "none";
}
}
}
function func(id) {
if (!document.getElementsByTagName) { return false; }
var obj = document.getElementById(id);
if (obj.style.display == "block") {
obj.style.display = "none";
} else {
obj.style.display = "block";
}
return false;
}
// -->
</script>
</head>
<div><a href="#" onclick="return func('js')"><font color="#1E90FF" size="2">*第1章*</a></font></div>
<div class="titem" id="js">
<div>├<a href="text.htm"><font color="#6495ED" size="1">てすと</a></font></div>
</div>
</div>
-
3 名前： sevi- ： 2006/09/04（月） 19:08 ID:9J5RKOHs
- ふむ.階層メニューとなる部分を隠す処理が記述されている関数,initが文書読み込み完了時に呼び出されるよう設定されてないのが原因だ.
スクリプトコードに
window.onload = init;
という行を追加するか、もしくはbody要素を
<body onload="init();">
というように修正すればいいと思うぞ.
それとは関係ないが,文書構造で
<a><font>てすと</a></font>
というのはおかしいので
<a><font>てすと</font></a>
というように直した方が良い.
-
4 名前： ぷぷ ： 2006/09/04（月） 19:08 ID:qIduBKjc
- ありがとうございました。無事に解決できました。
また、文章構造については、本当に初歩的な間違いです。ご忠告本当にありがとうございます。
