上左右とフレームの切ってあるHPをビルダーで作っている者です。
似た感じの質問を過去ログから検索して読みましたが、質問させてください。
左フレームにプルダウンメニューを設置して、
プルダウンメニューをクリックすると
右メインページが切り替えれる様にしたいのです。
http://www.red.oit-net.jp/tatsuya/java/combobo2. …←この様なプルダウンメニューを設置したいのですが、
フレーム切り替えのタグをどこをどういじっていいのかわかりません。
現在ローカルファイルで作成中で、フォルダに
上フレーム:flame1.htm(完成)
左フレーム:flame2.htm(←ここに設置したい)
メインページ:1.htm 2.htm 3.htm 4.htm
と入っている感じです。
左フレーム↓
<script language="JavaScript"><!--
function myGo(){
mySelect = document.myForm.myMenu.selectedIndex;
location.href = document.myForm.myMenu.options[mySelect].value;
}
// --></script>
<form name="myForm">
<select name="myMenu" onChange="myGo()">
<option value="1.htm" >第1章
<option value="2.htm" >第2章
<option value="3.htm" >第3章
<option value="4.htm" >第4章
</select>
</form>
どこをどう直したらいいのか、是非お教え下さい。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
> location.href = document.myForm.myMenu.options[mySelect].value;
この行が問題ですね。
このスクリプトが左フレームにあるなら、
「location」だと左フレーム自身を指してしまいます。
右フレームのlocationに対して行わないといけません。
parent.右フレーム名.location.href = …
としてみてください。
お礼が遅くなりすいません。
ご指摘の点を修正したら、ちゃんと設置できました!
ありがとうございます。
新たな問題が…そちらの問題は
また新規に質問という形で質問させていただきます。
ほんとありがとうございます。
No.1
- 回答日時:
こんばんわ。
フレームに使う場合は「ターゲット」のタグが必要になりますね。ジャバスプリクトを使わなくてもできますよ^^
<form name="link">
<select onchange='parent.★フレーム名.location.href=this.options[this.selectedIndex].value'>
<option style="background-color:背景色;color:文字色;">一番上の文字</option>
<option value="1.htm" style="background-color:背景色;color:文字色">第1章
<option value="2.htm" style="background-color:背景色;color:文字色">第2章
<option value="3.htm" style="background-color:背景色;color:文字色">第3章
</select>
</form>
上記の「フレーム名」という所にflame1.htmに設定した名前を入れてください。
これはindex.htmにフレームを設定しますよね。
たとえば上下2分割の場合のこういうタグの場合、
<html>
<head>
<titele>タイトル</title>
</head>
<frameset rows="160, *">
<frame src="flame1.htm" name="★フレームの名前">
<frame src="flame2.htm" name="shita">
</frameset>
</html>
★は同じ名前(すきなの)で入れてください。
質問者さんがかかれているような、ジャバスプリクトを使った場合
http://lovepop.itigo.jp/Core/HP/TAG-SAMPLE/link/ …
こちらを参考に
お礼が遅くなってすいません。
とても参考になりました。
フレームの定義をやっていないのが、よくわかり恥ずかしい次第であります^^;
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
設問をいくつか答えてその答え...
-
javaとフレーム
-
JavaScriptでできない事がある...
-
location=URLと、targetを使っ...
-
フレームを分けたときに共通で...
-
インラインフレームをドラッグ...
-
戻るボタンで、フレームを読み...
-
リストボックスからのリンク
-
他のページ更新
-
外部ページの呼び出し
-
(JavaScript)次ページの複数...
-
複数のフレームを同時に書き換...
-
<DIV id=""></DIV>勘でいれたら...
-
<a href="#" …>の意味を教えて...
-
JavaScriptでiframeの内容を「...
-
bodyにidをつける理由は何ですか?
-
mailtoで質問・・・
-
javascriptでalertの文字列をコ...
-
これを関数型風に書き換えたい
-
javascriptで変数を組み込みたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLでサブフレームから親のス...
-
スマホ上で、左右スワイプで次...
-
インラインフレームをドラッグ...
-
フレームを跨ぐドロップダウン...
-
インラインフレームで表示され...
-
別ページのインラインフレーム...
-
子フレームの自動リロードは可...
-
外部から読み込まれたJava...
-
openerは使えないのでしょうか?
-
Safariで<iframe>のinnerHTMLを...
-
他のフレームのスクリプトを実...
-
親フレームからkeydownイベント...
-
フレーム分割領域のサイズを変...
-
ページ遷移をコントロールしたい
-
フレームを使用した複数プルダ...
-
エラー:書き込みができません ...
-
親ウィンドウの別フレームを子...
-
jqueryを利用してインラインフ...
-
上と左にフレームわけされてい...
-
フレーム分割について
おすすめ情報