- 締切済み
ツリーメニュータグに関して
ツリーメニューに関して質問です。 最初の表示は ・メニュー ・メニュー(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> 他にツリーメニューを表示させることのできるタグがあることは知っていますが、調べたサイトの中で上記がいちばん短いタグだったので、使用したいなと思いました。 もしどこかを直せば正常に表示されるのであれば、お教えいただければ幸いです。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- VCAT
- ベストアンサー率20% (16/79)
補足
すみません、こちらに記載する時に抜けてしまったようです。 配布サイト様のタグをコピペします。 <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は上記だけです。 よろしくお願いします。