ツリーのメニューだけを区切る?方法を教えて下さい

Test


0   名前: さとい : 2006/08/04(金) 16:23  ID:87MQc1FR
過去スレッドhttp://www.tagindex.com/kakolog/q1bbs/601/841.htmlなどを参考に
ツリーでメニュー表示するものを作りました。
ツリー自体はちゃんと出る・消えるの動作をしてくれるのですが、
消した際、ツリーに格納しないつもりの部分もメニュー部分と一緒に消えてしまいます。


○メニュー
├サイト紹介
├掲示板
└リンク       ←ここで格納部分を区切って

トップページに戻る  ←格納するつもりのないこの部分は
            きちんと出ているままにしたいのですが、
            その方法がわかりません。 
            色々説明を検索してみたのですが、
            何か特殊な終了が必要なのでしょうか。

どうぞよろしくご教示下さいませ。

1   名前: KID : 2006/08/04(金) 16:23  ID:v/UvneVU
問題はあなたの書いているコードです。
それを示していただけないと、だれにも分かりません。

2   名前: さとい : 2006/08/04(金) 16:23  ID:87MQc1FR
レス有難うございます。
実はJavaScriptというものをいじったのはこれが初めてで、
コードというのが何かよくわかっていないので、すみません。
とりあえず、書いた状態ものを以下に記してみました。


<HTML>
<HEAD>
<meta name="robots" content="noindex,nofollow,noarchive">
<meta NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE">
<meta NAME="GOOGLEBOT" CONTENT="NOINDEX,NOFOLLOW">
<META name="robots" content="noindex,nofollow">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>リスト</TITLE>
<STYLE type="text/css">
<!--
BODY{
font-size : 12px;
line-height : 130%;
 SCROLLBAR-FACE-COLOR: #ffffff;
 SCROLLBAR-HIGHLIGHT-COLOR: #f5f5f5;
 SCROLLBAR-SHADOW-COLOR: #eeeeee;
 SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 SCROLLBAR-ARROW-COLOR: #000000;
 SCROLLBAR-TRACK-COLOR: #ffffff;
 SCROLLBAR-DARKSHADOW-COLOR: #dddddd;
}
A{
text-decoration : none;
}
-->
</STYLE>

<SCRIPT language="JavaScript">
<!--
// ツリーメニュー
flag = false;
function treeMenu(tName) {
tMenu = document.all[tName].style;
if(tMenu.display == 'none') tMenu.display = "block";
else tMenu.display = "none";
}
//-->
</SCRIPT>


</HEAD>
<HTML>
<BODY bgcolor="#E6E6FA" text="#000000" link="#CC99FF" vlink="#999999" alink="#666666">
<br>
<br>
<FONT face=HGPゴシックE size=-1><b>めにゅー</b>っぽいもの</FONT><br>
<br>
未だ少ない上に<br>
偏ってばっかりです。<br>
<br>
<br>
<HEAD>
</HEAD>
<BODY bgcolor="#E6E6FA">
<A href="javaScript:treeMenu('treeMenu1')">以下メニュー項目</a><br>
<DIV id="treeMenu1" style="display:none">
<div>├<a href="01.html">1</a></div>
<div>├<a href="02.html">2</a></div>
<div>├<a href="03.html">3</a></div>
<div>├<a href="04.html">4</a></div>
<div>└<a href="05.html">5</a></div>
<div>
<div>
<div>
<br>
<br>
<A href="/top" target="_top" >戻る</A></P>
</BODY>
</HTML>

3   名前: KID : 2006/08/04(金) 16:23  ID:v/UvneVU
わかりました。コードありがとうございます。
HTMLがメチャクチャですので、<body>以下の部分を次のようにしてください。
原因は出したり隠したりする部分のマークアップがきちんと指示されていなか
ったためです。その部分は<div></div>で囲みます。いつも表示する部分は入れ
ません。
<BODY bgcolor="#E6E6FA" text="#000000" link="#CC99FF" vlink="#999999" alink="#666666">
<br>
<br>
<FONT face=HGPゴシックE size=-1><b>めにゅー</b>っぽいもの</FONT><br>
<br>
未だ少ない上に<br>
偏ってばっかりです。<br>
<br>
<br>

<A href="javaScript:treeMenu('treeMenu1')">以下メニュー項目</a><br>
<DIV id="treeMenu1" style="display:none">
<DIV id="treeMenu1" style="display:none">
├<a href="01.html">1</a><br>
├<a href="02.html">2</a><br>
├<a href="03.html">3</a><br>
├<a href="04.html">4</a><br>
└<a href="05.html">5</a>
</DIV>
<br>
<br>
<A href="/top" target="_top" >戻る</A></P>
</BODY>
</HTML>


4   名前: KID : 2006/08/04(金) 16:23  ID:v/UvneVU
おっと見落としていました。
なんで<DIV id="treeMenu1" style="display:none">が2つもあるんですか。
一つで十分です。というか、2つ書いてはいけません。
<BODY bgcolor="#E6E6FA" text="#000000" link="#CC99FF" vlink="#999999" alink="#666666">
<br>
<br>
<FONT face=HGPゴシックE size=-1><b>めにゅー</b>っぽいもの</FONT><br>
<br>
未だ少ない上に<br>
偏ってばっかりです。<br>
<br>
<br>

<A href="javaScript:treeMenu('treeMenu1')">以下メニュー項目</a><br>
<DIV id="treeMenu1" style="display:none">
├<a href="01.html">1</a><br>
├<a href="02.html">2</a><br>
├<a href="03.html">3</a><br>
├<a href="04.html">4</a><br>
└<a href="05.html">5</a>
</DIV>
<br>
<br>
<A href="/top" target="_top" >戻る</A></P>
</BODY>
</HTML>


5   名前: さとい : 2006/08/04(金) 16:23  ID:87MQc1FR
レス有難うございます。
今テストしてみましたら、無事に格納されなくなりました。
細やかな御指示でわかりやすく教えて頂き、大変感謝致します。

これからHTMLやJavaScriptももっともっと勉強して、
出来るだけ先達の方々のお手を煩わすことがないように精進したいと思います。

本当に有難うございました。

一覧へ戻る