• 締切済み

ツリーメニュータグに関して

ツリーメニューに関して質問です。 最初の表示は ・メニュー ・メニュー(2) で、それぞれをクリックすると、 ・メニュー  ├1-1  ├1-2  └1-3 ・メニュー(2)  ├2-1  ├2-2  └2-3 と表示させたくて、タグ配布サイト様からツリーメニュータグをお借りし作成しました。 するとツリーの表示は問題ないんですが、ツリーメニュー配置場所以下にページがスクロールしなくなってしまいました。 上から50行目くらいに設置したツリーメニューより下にあと10行ほど文章があるのに、ツリーメニューが画面最下部に表示される位置までスクロールしたら、その下にはスクロールできない状態です。 説明下手ですみません。 配布サイト様に直接質問させていただこうと思ったのですが、そのサイト様は個人からの質問メールには答えないとあったので、こちらで質問させていただきます。 以下使用タグです。 <script type="text/javascript"> <!-- function expand(id) { if (id.style.display == "none") { id.style.display = ""; } else { id.style.display = "none"; window.event.cancelBubble = true; } // --> </script> <span onclick="expand(sample);" style="cursor:hand;">・メニュー</span> <div id="sample" style="display:none"> ├1-1<br> ├1-2<br> └1-3</div> <span onclick="expand(sample2);" style="cursor:hand;">・メニュー(2)</span> <div id="sample2" style="display:none"> ├2-1<br> ├2-2<br> └2-3</div> 他にツリーメニューを表示させることのできるタグがあることは知っていますが、調べたサイトの中で上記がいちばん短いタグだったので、使用したいなと思いました。 もしどこかを直せば正常に表示されるのであれば、お教えいただければ幸いです。

みんなの回答

  • VCAT
  • ベストアンサー率20% (16/79)
回答No.1

見た感じ、「}」が1つ足りないようなきがするんですが それは関係なしですか?

joke-trs
質問者

補足

すみません、こちらに記載する時に抜けてしまったようです。 配布サイト様のタグをコピペします。 <script type="text/javascript"> <!-- function expand(id) { if (id.style.display == "none") { id.style.display = ""; } else { id.style.display = "none"; } window.event.cancelBubble = true; } // --> </script> <span onclick="expand(sample);" style="cursor:hand;">・メニュー</span> <div id="sample" style="display:none"> ├1-1<br> ├1-2<br> :</div> <span onclick="expand(sample2);" style="cursor:hand;">・メニュー(2)</span> <div id="sample2" style="display:none"> ├2-1<br> ├2-2<br> :</div> 今度は写し間違いはありません。 あと、質問時には省いていましたが、上記ツリーメニューはテーブル二重で使用しています。 ┏━━┳━━┳━━━━━━━━━┓ ┃色々┃説明┃メニュー         ┃ ┣━━╋━━╋━━━━━━━━━┫ ┃色々┃云々┃メニュー(2)       ┃ ┗━━┻━━┻━━━━━━━━━┛         ↓文字クリックで ┏━━┳━━┳━━━━━━━━━┓ ┃色々┃説明┃メニュー        ┃ ┃   ┃   ┃┌─┬─┬───┐┃ ┃   ┃   ┃│●│▲│1-1 │┃ ┃   ┃   ┃├─┼─┼───┤┃ ┃   ┃   ┃│■│◆│1-2 │┃ ┃   ┃   ┃└─┴─┴───┘┃ ┣━━╋━━╋━━━━━━━━━┫ ┃色々┃云々┃メニュー(2)       ┃ ┃   ┃   ┃┌─┬─┬───┐┃ ┃   ┃   ┃│○│△│2-1 │┃ ┃   ┃   ┃├─┼─┼───┤┃ ┃   ┃   ┃│□│◇│2-2 │┃ ┃   ┃   ┃└─┴─┴───┘┃ ┗━━┻━━┻━━━━━━━━━┛ テーブル使用が問題でしょうか? テーブルタグはサイズ指定しかしていない極シンプルなもので、記載ミスはないです。 また、ページ内で使用しているjavascriptは上記だけです。 よろしくお願いします。

すると、全ての回答が全文表示されます。

関連するQ&A