- ベストアンサー
プルダウンメニューを使ってフレームを切って2枚同時に切り替えたい
よろしくお願いします。 初心者でホームページビルダーを使っています。 フレームを3つに切ってプルダウンメニュー（ビルダーでは「オプションメニュー」と言うみたいです）で 2枚同時に切り替えたいのですがどうしたらいいでしょうか？ 1つならあちこちにサンプルがあるのできました。 「フレーム1：フレーム名menu_a」 プルダウンメニュー --------------------------- 「フレーム2：フレーム名menu_b」 ｘ.html --------------------------- 「フレーム3：フレーム名xxx」 Y.html ↓ 「フレーム1：フレーム名menu_a」 プルダウンメニュー プルダウンで「A」を選択 ----------------------------- 「フレーム2：フレーム名menu_b」 a-1.html ----------------------------- 「フレーム3：フレーム名xxx」 a-2.html というようなイメージです。 できるだけ簡単に変更できるものがあればよろしくお願いします。
- t2fuzzy
- お礼率87% (7/8)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんな事がやりたいのかな？↓ フレーム本体（index.html） <FRAMESET rows="100,*"> <FRAME src="menu.htm"> <FRAMESET cols="50%,*"> <FRAME src="x01.html" name="right"> <FRAME src="y02.html" name="left"> </FRAMESET> menu.htmの内容 <head> <script language="JavaScript"> <!-- function jumper(){ selectmenu=document.menuform.ormenu.selectedIndex; var kero=document.menuform.ormenu.options[selectmenu].value; num=kero.indexOf(","); kerox=kero.substring(0,num); keroy=kero.substring(num+1,kero.length); window.open(kerox,"right"); window.open(keroy,"left"); } // --></script> </head> <form name="menuform"> <select name="ormenu"> <option value="a-01.html,a-02.html">ソフト</option> <option value="b-01.html,b-02.html" >ハード</option> </select> <input type="button" value="Let's Go!" onClick="jumper()"> </form> 要するに、メニューの中にアドレスを複数、文字列として書いておいて、それを分割してリンク先の値にするの。 ホームページビルダーでやるならソースの部分で編集してね。
その他の回答 (1)
- to_kyo
- ベストアンサー率41% (7/17)
ホームページビルダーでどのように設定するのかわからないので >1つならあちこちにサンプルがあるのできました。 というときに、どのような設定・記述をしたのか教えてください。 とりあえず、Javascript的なヒントとしては みつけた「1つだけ変更する」サンプルの中に おそらく document.all.menu_b.src = "a-1.html"; というような記述がどこかにあるはず(たぶん） これは menu_bという名前のフレームにa-1.htmlというファイルを表示する という意味。 このへんがヒントになりそうですね。
お礼
判り難い質問の書き方にも関わらず回答ありがとうございます。 補足要求をして頂き質問下手だなと思いました。
関連するQ&A
- 上のフレーム内のプルダウンメニューが下のフレームに隠れてしまい、困っています
ホームページビルダーでホームページを作成しています。上下分割フレームの上のフレームで作成してあるプルダウンメニュー（レイアウト枠）を下のフレームに表示する方法を教えてください。フレーム境界線を上に上げていくと、プルダウンメニューが下のフレームに隠れてしまいます。よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- ２つのフレームを同時に切り替えたいんですが・・
はじめまして、質問させてください＞＜ フレームが３分割になっているwebページを、ホームページビルダーで作ろうとしています。 －－－－－－－－－ ｜ Ａ | ｜＿＿＿＿＿＿＿＿| ｜ Ｂ | ｜＿＿＿＿＿＿＿＿| ｜ Ｃ | －－－－－－－－－ こんなイメージです。 Ｃにmenuを入れて、そのＣの中のmenuにあるリンクを押すと、ＡとＢが同時に別のページに飛べるようにしたいんです。 もちろんＣはどのページに行っても固定です。 このJavaScriptが載っているサイトさんをいくつか参考にして何回も試してみたんですが、全くできませんＴＴ タグを何度も見直した上で、ビルダーのプレビュー画面で見るとそのたびに「ページを表示できません」と出てきてしまいます＞＜ 専門家の方やビルダーに詳しい方、どなたかアドバイスを下さい・・よろしくお願いします＞＜。。
- ベストアンサー
- JavaScript
- フレームを使ったプルダウンメニュー
フレームで「ヘッダー・左メニュー・右メインページ」というように３分割にし、左メニューに置いたプルダウンから項目を選ぶと右メインに表示される、という構造にしたいと思っています。 <HEAD>～</HEAD>内↓ <script language="JavaScript"> function jump(form) { var myindex=form.destination.selectedIndex window.open(form.destination.options[myindex].value, target="main"); } //--> </SCRIPT> プルダウン部分↓ <FORM NAME="form"> <SELECT NAME="destination"> <OPTION VALUE="a.html" SELECTED>あ</OPTION> <OPTION VALUE="k.html">か</OPTION> <OPTION VALUE="s.html">さ</OPTION> <OPTION VALUE="t.html">た</OPTION> <OPTION VALUE="n.html">な</OPTION> </SELECT> <INPUT TYPE="image" SRC="go.gif" onClick="jump(this.form)" BORDER="0"> </FORM> という様に記述した所、例えばプルダウンで「た」を選択した場合、右フレームにちゃんとt.htmlが表示されるのですが、左フレームのプルダウンの項目が「あ」に戻ってしまいます。「た」を選択した状態のまま残したいのですが。 ちなみにボタンに画像を使わず、<INPUT TYPE="button" ・・・・>にするとなぜか「た」選択の状態でちゃんと残ります。でも、できれば画像を使いたいのです。 うまいやり方をご存じの方は、教えていただけますか。おねがいします。
- ベストアンサー
- JavaScript
- プルダウンメニューからの複数のフレームへのリンクについて
作成中のホームページにフレームを作りっています。二つのプルダウンメニューを作ったのですが、一つ目のプルダウンメニューから同じフレームへ二つ目のプルダウンメニューから別フレームへとリンクさせたいのですが、同じフレームへは上手くリンクするのですが二つ目のプルダウンメニューから別フレームへのリンクが出来ません。どなたか御教授ください。
- 締切済み
- JavaScript
- フレームのあるHPでプルダウンメニュー
上左右とフレームの切ってあるHPをビルダーで作っている者です。 似た感じの質問を過去ログから検索して読みましたが、質問させてください。 左フレームにプルダウンメニューを設置して、 プルダウンメニューをクリックすると 右メインページが切り替えれる様にしたいのです。 http://www.red.oit-net.jp/tatsuya/java/combobo2.htm←この様なプルダウンメニューを設置したいのですが、 フレーム切り替えのタグをどこをどういじっていいのかわかりません。 現在ローカルファイルで作成中で、フォルダに 上フレーム：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> どこをどう直したらいいのか、是非お教え下さい。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 複数のプルダウンメニューの作り方。
・Aリスト、Bリスト…とプルダウンメニューを複数含んだフォームを一つのhtmlに作りたいのですが、上手くいきません。 一つのフォームに一つのプルダウンメニューは上手くいくのですが、Javascriptを二つ並べると動かなくなります。 とりあえず関数名を重複しない様にしたらいいという事だけはネットで調べてわかりました。 今は、下記の状態になっています。 <script language="JavaScript"> <!-- function MENU(){ mySelect = document.myForm.myMenu.selectedIndex; location.href = document.myForm.myMenu.options[mySelect].value; } // --> </script> <form name="myForm"> <select name="myMenu" onChange="MENU()"> <option value="">A</option> <option value="a001.html">A001</option> <option value="a002.html">A002</option> <option value="a003.html">A003</option> </select> <select name="myMenu2" onChange="MENU()"> <option value="">B</option> <option value="b001.html">B001</option> <option value="b002.html">B002</option> <option value="b003.html">B003</option> </select> </form> ご指南の程宜しくお願いします。
- ベストアンサー
- JavaScript
- フレームを使用した複数プルダウンメニュー
こんにちは。 よくある質問もみたのですが「複数のプルダウンメニュー」「フレームを使ったプルダウン」というのはあるのですが、 フレームを使用して左フレームに複数プルダウン、そこで選んだものを右フレームに表示させるというのが見つかりませんでした。 「複数のプルダウンメニュー」もつくれますし、「別フレームに表示させる」こともできるのですが、 プルダウンを増やしたとたんに動きません。 ネームを変えてもみたのですがうまくいきません。 フレームを二つつくって <FRAMESET cols="35%,65%"> <FRAME src="n_menu.htm" name="manu">←こっちにプルダウンメニュー <FRAME src="n_main.htm"name="main">←こっちに表示 目次のhtmファイルで <SCRIPT LANGUAGE="JavaScript"> function openPage() { var list = document.forms[0].urlList; parent.frames[1].location = list.options[list.selectedIndex].value; } </SCRIPT> </HEAD> <FORM> <SELECT NAME="urlList" onChange="openPage()"> <OPTION SELECTED VALUE="cover1.htm">朝の歌 <OPTION VALUE="1.htm">1番目のページ <OPTION VALUE="2.htm">2番目のページ <OPTION VALUE="3.htm">3番目のページ </SELECT> </FORM> #上記をコピペして増やしてみた↓ <FORM> <SELECT NAME="urlList2" onChange="openPage()"> <OPTION SELECTED VALUE="cover2.htm">夜の歌 <OPTION VALUE="4.htm">4番目のページ <OPTION VALUE="5.htm">5番目のページ <OPTION VALUE="6.htm">6番目のページ </SELECT> </FORM> これだと２本目が表示されません。 どうすればいいか教えていただけないでしょうか？
- ベストアンサー
- JavaScript
- ホームページビルダー１２でのプルダウンメニューの作り方を教えてください。
ホームページビルダー１２でプルダウンメニューをつくろうと思い、ホームページビルダー１３スパテク１８２を見ながら、やっているのですが、さっぱりわかりません。 本を読むと、最初、スタイルシートマネージャを開くのですが、いきなり、style.css(link)が本には書かれているのですが、実際には表示されていないので、どっから出てきたのかわからないです。 あと、ホームページビルダー上のどこに、「スタイルクラス」ツールバーがあるのかわかりません。 仕方がないので、ググったのですが、プルダウンメニューの作り方がわかりません。 ホームページビルダーでのプルダウンメニューの作り方、わかる方いらっしゃいましたらおしえてください。 宜しくお願いします。
- 締切済み
- ホームページ作成ソフト
- ２つのプルダウンメニューを使用したフレームラベルへの移動
はじめまして。 お世話になります。 Flashムービー内で ２つのプルダウンメニューを組み合わせた フレーム移動をさせたいのですが方法がわかりません。 例えば、 １つ目のプルダウン（「A」～「D」までアルファベット順のメニュー）で「A」を選択し、 ２つ目のプルダウン（「1」～「9」までの数字順のメニュー）で「1」を選択したら、「A1」というフレームラベルへジャンプするという仕組みを実装したいのですが、方法が分かりません。 プルダウンメニューが一つの場合だと任意のフレームラベルへジャンプさせるという方法は分かるのですが、２つを連動させるというのが、どうしても分かりません。 お教えいただけると大変助かります。 よろしくお願いいたします。
- 締切済み
- Flash
お礼
このような判り難い拙い説明に適切な回答ありがとうございました。 まだやり始めたばかりなので、このようなものはサンプルを探してではないと作れないというまだまだ勉強中なもので実際教えていただいたHTMLで作成してみました。非常に参考になりました。 自分のページにあう形に変更させて頂きます。 ありがとうございました！