こんにちは。
いつもお世話になっております。
HPのコンテンツが増えてきたので、スタイルシートを
使って、プルダウンメニューにしたのですが・・・。
ちょっと、メニューの項目名を変えたい、と思った
時に、全部のページを変更してまわるのは、手間だなぁ
と思って、上下でフレーム分割をして、上に
プルダウンメニュー、したに、それぞれのページが
来るようにしたいのです。
ためしにやってみたのですが、プルダウンがしたの
ページで隠れてしまう上に、
タイムエラーが出ました。 デバッグして下さい
というエラーメッセージが出てします。
上下フレーム分割ページでプルダウンメニューはできない
のでしょうか・・・?
どうかご指導よろしくお願いいたします。
No.4ベストアンサー
- 回答日時:
こんにちは。
No.1のものです。プルダウンメニューを表示した時に下のフレームに
隠れてしまうとの事ですね?
確かにそうですね。すみません。
今のところ、両方とも子フレームなので、親子関係を
作ってあげたら出来るかもしれません…。
とりあえず抵抗がなければインラインフレームを
使うのが一番簡単だと思います。
前のindex.htmlを使うのをやめて、
code_top.htmlを変更します。
code_top.html---------------------------------
<iframe src="code_blank.html" name="contents" width="100%" height="95%" frameborder="0" noresize style="margin-top:60px; border-style:solid; border-width:1px; border-color:#888888;">
</iframe>
</body>
</html>
-----------------------------------------------
最後のbodyの閉じタグの直前に
上記<iframe>~</iframe>を追加してください。
トップページはcode_top.htmlとなります。
レイアウトはどのようにしているのかは
分かりませんが、とりあえず上に詰めても
かぶらないと思います。
適宜修正お願いします。
ではでは。
kaiuさま。
こんにちは。
インラインフレームで、表示する事が出来ました。
最後まで、丁寧にご指導して頂きまして、本当に
ありがとうございました。
No.3
- 回答日時:
理解しました。
こちらもうまく把握できてなかったみたいですね。
すみません。
一番簡単なやり方は
---index.html※No.1のサンプルページと同じ------
<html>
<head>
<title>セレクトメニューを選んだら指定フレームに指定ページを表示する</title>
<frameset rows="40%,*">
<frame src="code_top.html">
<frame src="code_blank.html" name="contents">
</frameset>
</head>
</html>
-----------------------------------------------
--code_top.html※NO.2のサンプルページと同じ----
<!DOCTYPE HTML PUBLIC>
<html lang="ja">
<head>
~<中略>~
<tbody>
<tr style="background-color:navy;">
<td><div class="bar" onmouseover="showDrop(0);">「花巻ラーメン紀行」関係</div></td>
<td><div class="bar" onmouseover="showDrop(1);">「その他のHP」</div></td>
</tr>
<tr valign="top">
<td><div id="drop0" class="drop">
<a href="http://www14.plala.or.jp/sugachuu/" target="contents">花巻ラーメン紀行</a><br>
<a href="http://www14.plala.or.jp/sugachuu/L/" target="contents">Lモード版 「花巻ラーメン紀行」</a><br>
<a href="http://www14.plala.or.jp/sugachuu/i/" target="contents">imode版 「花巻ラーメン紀行」</a><br>
</div></td>
<td><div id="drop1" class="drop">
<a href="http://www14.plala.or.jp/sugachuu/reimen/" target="contents">「花巻冷麺ガイド」</a><br>
<a href="http://www14.plala.or.jp/sugachuu/open/" target="contents">「花巻営業時間」</a><br>
</div></td>
</tr>
</tbody>
~<中略>~
</strong>
</center>
</body>
</html>
-----------------------------------------------
code_blank.html※No.1のサンプルページと同じ----
~<略>~
-----------------------------------------------
要は、frame定義ページでnameを指定して、
ドロップダウンメニューで
target="『フレーム名』"の属性を
付ければいいだけです。
計算や値の格納をする場合はjavascriptを
いじる必要がありますが、
リンクを張るだけでしたらそれで
解決すると思います。
kaiuさま。
ご指導ありがとうございます。
教えて頂いた方法で、クリックすると、下のcontentsページに、ちゃんとリンクが反映されました♪
ありがとうございます。
ただ、フレームの位置を、プルダウンで表示される一番下の
ラインより上で設定してしまうと、プルダウンが
下のページで隠れてしまうのです・・・。
2日悩んでみたのですが、にっちもさっちも行かず・・・。
何度もすみません。どうかよろしくお願いいたします。
No.2
- 回答日時:
こんにちは。
No.1のものです。>これを、フレーム分割で、
>ドロップダウンリストにする事って
>できるのでしょうか・・・?
すみません、
ドロップダウンリスト=プルダウンメニュー
=セレクトメニューで、掲載した形と同じものになります。
おっしゃっているのは、
リスト形式のセレクトメニューの事でしょうか。
サンプルのcode_top.htmlの<form>*</form>の*部分を
下記に書き換えてください。
-----------------------------------------------
<form>
選択して下さい<br>
<select onChange="popJump(this)" size="3">
<option value="http://www.yahoo.co.jp/">Yahoo!
<option value="http://www.infoseek.co.jp/">Infoseek
<option value="http://www.lycos.co.jp/">Lycos
</select>
</form>
------------------------------------------------
基本的にセレクトタグに『size="3"』を付加するだけです。
検討違いであればまたご連絡ください。
kaiuさま。
こんにちは。
ご指導ありがとうございます。
リストの名前をきちんと把握していなくて
混乱を招いてしまったようで、申し訳ありません・・・。
私がしたいと思っている リストの形は↓のイメージなのです。
http://www14.plala.or.jp/sugachuu/JavaScript/200 …
↑を、上下分割のテーブルで使用する事は出来るので
しょうか・・・?
何度もすみません。
何卒よろしくお願いいたします。
No.1
- 回答日時:
こんにちは。
普通にできます。
フレームでプルダウンの書き方が
間違っているのだと思いますが・・・。
実際のソースが分からないので
サンプルソースを載せておきます。
参考URL:http://www.openspc2.org/reibun/javascript/form_s …
この回答への補足
kaiuさま。
こんにちは。
無事に表示する事ができました。
ありがとうございます。
これを、フレーム分割で、ドロップダウンリストにする事って
できるのでしょうか・・・?
検索かけていろんなサイトさんをめぐってみたのですが、フレーム分割対応のドロップダウンリストの
紹介してある所がみつからなくて・・・。
何度もすみません。
どうかよろしくお願いいたします。
kaiuさま。
ご指導ありがとうございます。
紹介していただいたスクリプトって、ジャバスクリプト
ですよね?
私が使っていたのは、CSSでプルダウンメニューに
するタイプのだったので、駄目だったみたいです。
ジャバスクリプトってあまり触った事がなかったので
ちょっとかじってみようと思います。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
pythonのエラーについての質問...
-
フレーム内にあるメニューから...
-
フレームの読込み順
-
java_run.batがダウンロードで...
-
iPadの標準ブラウザでローカルH...
-
HTMLからフォルダを開きたい
-
googleドライブで、PDFファイル...
-
マウスポインタが手の形になら...
-
PS4で、「バージョン5.05以上の...
-
医療画像(Windows用)をMacで...
-
社内で利用するWebサイトを立ち...
-
HTMLの内容をテキストエリアに...
-
Webサイトから、txtファイルを...
-
京都駅から延暦寺へのアクセス
-
ホームページ、iPadやiPhoneで...
-
フォルダ内の最初のファイル名...
-
You Are The Sunshine Of My Li...
-
HTMLページが勝手にダウンロー...
-
htmlファイルの表示が真っ白
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
pythonのエラーについての質問...
-
フレームで指定している送信先...
-
フレームの片方だけを更新(リロ...
-
frameの内容が表示されない
-
2つのページを重ねたい
-
WebサイトでHTMLのフォームに隠...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
iframeを使わないで・・・
-
html 左メニューから右への表示...
-
formデータ送信時にフレームペ...
-
フレームが表示されない><
-
直リンクとは。
-
HP全体にmidiを・・・
-
HTML、1クリックで複数画像表示
-
HTML フレーム内にWebページを...
-
フレームがあるページでの更新...
-
フレームの表示と非表示の切り替え
-
「無題ドキュメント」の名前変...
おすすめ情報