
本を参考にして作ってみて、いちおう折りたたみができるようにはなったのですが一つ困っている事があります。
フレームを使って左右にページを分けて、左側をメニューにしています。その左側の折りたたみメニューなのですが項目をクリックして右側にページを表示させると、元に戻ってしまいます。私は一度開いたら自分でもう一度クリックするまで勝手に折りたたまれないメニューを作りたいのです。
現時点では<HEAD>部分に↓これが入っていて
<script language="JavaScript"><!--
vType = ["none","block"];
function tblMenu(tOBJ,dType)
{
Menu = tOBJ.tBodies[0].style;
Menu.display = vType[Menu.display.indexOf("none") + 1];
}
// --></script>
<body>の部分に↓これを入れています
<table border="0" onClick="tblMenu(this)">
<thead><tr><th align="left">
<img src="****.gif"></th></tr></thead>
<tbody style="display:none">
<tr><td><a href="**.html" target="body">項目</a></td></tr>
・
・
・
こんな具合なのですが、これのどこかを直したら勝手に折りたたまれないようになりますか?
もしくは、自分でクリックするまで勝手に折りたたまれたりしない折りたたみメニューの作り方をご存知の方がいましたら是非教えて下さい。よろしくお願いします。
No.2ベストアンサー
- 回答日時:
なぜリンクをクリックすると折りたたまれたかというと、
onClickがテーブルについているので、
開いたメニューをクリックするとテーブル内をクリックされたと同義なので、メニューが折りたたまれてしまうという、ある意味当然の動作をしたのですね。
で、onClickをそのまま<th>につけるとエラーになったりするんですね。
で、いろいろやった結果
<script language="JavaScript">
<!--
vType = ["none","block"];
function tblMenu(tOBJ)
{
Menu = document.all[tOBJ].style;
Menu.display = vType[Menu.display.indexOf("none") + 1];
}
// -->
</script>
</head>
<table border="0">
<thead><tr><th align="left" onClick="tblMenu('tbm')">
<img src="****.gif"></th></tr></thead>
<tbody id='tbm' style="display:none">
<tr><td><a href="tb.htm" target="main">項目</a></td></tr>
<tr><td><a href="tb.htm" target="main">項目2</a></td></tr>
</tbody>
</table>
こんな感じで落ち着きました。
早速、教えて頂いた通りに変えてみましたら思った通りに表示されるようになりました。自分で作ったというか、本を見ながら打った部分を大幅に変える事もなく、嬉しいです。
本当にありがとうございました!
No.1
- 回答日時:
上記のは知らないのであしからず^^;
海外のjavaを扱ったURLを紹介します。
小窓をコピーして中のリンクを変更すれば良いかと思います。
ステップ等はエキサイトで翻訳しながら読めば解りやすいと思います。
参考URL:http://www.dynamicdrive.com/dynamicindex1/naviga …
ご回答ありがとうございます。
ご紹介頂いたサイト、拝見しました。時間のあるときにでも他のTips少し翻訳しながら使いたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
table内で画像と文字をセンター...
-
表の中でのフォーム
-
HTMLの行と行の間隔のあけ方
-
WebにてExcelを生成してダウン...
-
cssのfont-sizeがFirefoxで効か...
-
Excelの列や行の幅を表示...
-
CSSのtransform: translate(-50...
-
ワードで「 」(カギかっこ)の...
-
エクセルでサイズに合ったもの...
-
PDFへてのテキストボックスにて...
-
エクセル 画面表示拡大率によ...
-
ノーマルヤリスとGRヤリス
-
ホームページビルダーで表の列...
-
バーコードのサイズは拡大縮小...
-
htmlでテーブル内にテキストボ...
-
excel初心者です。 セルの色変...
-
HTMLでブラウザを終了させる方法
-
CSSでh1とその下の文字との行間...
-
<h1>タグの後の行間を詰めたい。
-
Excelの列の幅(ピクセル)につい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
テーブルで3セル作った行の下に...
-
どんなにやってもできないんです。
-
<td> 内のテーブルを上寄せにす...
-
テーブル全体の枠線の色を変え...
-
縦書きホームページの段組表示
-
助けてください><IE上で1pxの...
-
どうやったらこの画像を一番下...
-
aaa!cafeにて
-
HTMLでテーブルを縦に並べたい!
-
テーブルの中のグラデーション...
-
Excelで可視部分だけをWeb形式...
-
WebにてExcelを生成してダウン...
-
テーブルリンクで別ウインドウ...
-
表の中でのフォーム
-
表の中に表
-
【HTML】 イメージの貼り付けと...
-
CSS line-height が効かない
-
Jimdoで表組のなかの画像をポッ...
-
Divの幅指定を無視して子テーブ...
おすすめ情報