ベストアンサー

複数のプルダウンメニューから指定フレームへ表示

2005/03/12 03:39

質問内容を検索してhttp://omedeta.okweb.jp/kotaeru.php3?q=1205107 から抜粋させていただきました。 funfun31様、ご回答された方々、まこと申し訳ございません。ありがとうございます。現状、上部(固定)、左フレーム(プルダウン設置)、右フレーム上（表のサンプル表示）、右フレーム下（メインページ）というページの構成でfunfun31様とほとんど同じです。上フレーム（完成）左フレーム（↓のJavaScriptを設置）右フレーム上（右フレーム下へ表示する表の見方）右フレーム下（ここにプルダウンメニューで選択した内容表示）左フレームの内容 <HTML> <HEAD> <script kanguage=Javascript"> <!-- function myGo(myPullDown) { 　　var mySelect = myPullDown.selectedIndex; 　　parent.右フレーム下ファイル名.location.href = myPullDown.options[mySelect].value; </script> <body background="壁紙"> <form name="myForm"> 題名１<br> <select name="myMenu1" onChange="myGo(this)"> <option selected>選択 <option value="01.htm">01 <option value="02.htm">02 <option value="03.htm">03 </select> <br> 題名２<br> <select name="myMenu2" onChange="myGo(this)"> <option selected>選択 <option value="04.htm">04 <option value="05.htm">05 <option value="06.htm">06 </select> </form> </body> </html> どこが間違っているのかがわかりません。現状選択しても右フレーム下に反応がありません。知識不足で単純な見落とし、または根本的な間違いがあるかも知れません。無知でまこと申し訳ございませんが是非ご回答よろしくお願いいたします。

anse
お礼率100% (2/2)

JavaScript
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

N_A_O
ベストアンサー率66% (37/56)

2005/03/15 21:10 回答No.2

そちらの指定のフレームセットでプルダウンメニューは動作するのでファイルへの書き込みのミスだと思うけど。よく見直せば解ると思うよ。下記サイトでチェック出来るのでしてみたら。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

質問者

お礼 2005/03/16 20:42

ありがとうございました。無事解決できました。回答ありがとうございました。ご紹介いただいたURL、すごく参考になりました。

その他の回答 (1)

sakakky
ベストアンサー率64% (9/14)

2005/03/12 05:35 回答No.1

肝心の部分がかかれていないので推測ですが parent.右フレーム下ファイル名.location.href の「右フレーム下ファイル名」の部分にはファイル名ではなく<frame>タグ内で記述されているはずの右フレーム下のフレーム名(いわゆるtarget属性）を入れないといけないんじゃないでしょうか。

質問者

お礼 2005/03/16 20:43

無事解決できました。ご協力ありがとうございました。

質問者

補足 2005/03/12 07:07

回答ありがとうございます。 target属性という事はわかってませんでしたが、このような内容です。記入不足ですみませんでした。上フレームの内容はこのようになってます <html> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/HTML;CHARSET=x-sjis"> </HEAD> <frameset cols="50,50" frameborder="0" border="0"> <frame src="左フレームファイル名.html" name="左フレームファイル名" scrolling="auto"> <frameset rows="50,50" frameborder="0" border="0"> <frame src="右フレーム上ファイル名.html" name="右フレーム上ファイル名" scrolling="auto"> <frame src="右フレーム下ファイル名.html" name="右フレーム下ファイル名" scrolling="auto"> </frameset> </frameset> </html> 右フレーム下ファイル名は01で例えますと <frame src="01.html" name="01" scrolling="auto"> となってます。よって parent.01.location.href と入れています。推測で回答させてしまい、まこと申し訳ございませんでした。ですが迅速な対応していただき感謝しております。ありがとうございました。

関連するQ&A

複数のプルダウンメニューの設置（左右フレーム）
前回プルダウンメニューによる左右フレーム切り替えの質問をさせていただきました。 →http://oshiete1.goo.ne.jp/kotaeru.php3?q=1200405 申し訳ないですが、ここからまた新たに質問させてください。上部(固定)、左フレーム(プルダウン設置)、右フレーム（メインページ）というページを作っています。現在の状況はローカルのフォルダの中に ○上フレーム：flame1.htm（完成） ○左フレーム：flame2.htm（←ここに設置したい） ○右メインページ：1.htm 2.htm 3.htm（←１つ目プルダウン）4.htm 5.htm 6.htm（←２つ目のプルダウン） 7.htm 8.htm 9.htm（←３つ目のプルダウン）　と入っている感じです。 <HEAD>～<HEAD>部分 <script language="JavaScript"></script> <BODY>～<BODY>部分 <form name="myForm"> <select name="myMenu" onChange="myGo()"> <option value="1.htm" >第1章 <option value="2.htm" >第2章 <option value="3.htm" >第3章 </select> </form> ↑上記でひとつのプルダウンは設置できるのですが、２つ目、３つ目のプルダウンの設置となると、どこをどうしたらよいやらわかりません。是非ご回答よろしくお願いいたします。
- ベストアンサー
- 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"></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">  </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
複数のプルダウンメニューの作り方。
質問内容に不備があったため再度質問させて頂きます。前回答えて下さった方には大変ご迷惑をおかけします。非常に多くのものを奇麗に見せたいのでプルダウンメニューがいいと思い、作りました。・Aリスト、Bリスト、Cリスト…とプルダウンメニュー（メニューを選ぶとアンカー先に飛ぶようにしたい）を複数含んだフォームを一つのhtmlに作ったのですが、動作しません。一つのフォームに一つのプルダウンメニューは上手くいくのですが、Javascriptを二つ並べると動かなくなります。とりあえず関数名を重複しない様にしたらいいという事だけはネットで調べてわかりました。今は、下記の状態になっています。 list.html <script language="JavaScript">  </script> <form name="myForm"> <select name="myMenu" onChange="MENU()"> <option value="">A</option> <option value="list.html#a001">A001</option> <option value="list.html#a002">A002</option> <option value="list.html#a003">A003</option> </select> <select name="myMenu2" onChange="MENU()"> <option value="">B</option> <option value="list.html#b001">A001</option> <option value="list.html#b002">A002</option> <option value="list.html#b003">A003</option> </select> </form> <a id="a001" name="a001"></a>A001<br> <a id="a001" name="a002"></a>A002<br> <a id="a001" name="a003"></a>A003<br> <a id="a001" name="b001"></a>B001<br> <a id="a001" name="b002"></a>B002<br> <a id="a001" name="b003"></a>B003<br> あと、このように同じhtml内でのリンクになる場合は、optionのvalueのlist.htmlを省いてもいいのでしょうか？当方、Javascriptに関してはコピペでしか使えない程度の知識の人間です。ご指南の程宜しくお願いします。
- ベストアンサー
- JavaScript
プルダウンメニューで選んだリンクを別窓で表示させたい
こんにちは。プルダウンメニューで選んでもらうと選んでもらった日にちのところに飛ぶように作っています。 ★ＧＯ★を押してもらった日にちの日記を別窓で表示させるにはどこに　_blank　を入れたらいいのでしょうか？よろしくお願いします○┓ペコリ <script language="JavaScript"></script> <form name="myForm"> <select name="myMenu"> <option value="http://blog.livedoor.jp/＊＊＊"> ■ブログＴＯＰ■ <option value="http://blog.livedoor.jp/01＊＊" > ＊２/２の日記 <option value="http://blog.livedoor.jp/02＊＊" > ＊２/３の日記 </select> <input type="button" value="★ＧＯ★" onClick="myGo()"> </form>
- ベストアンサー
- JavaScript
新しい窓を開く記述がblankで上手くいかないです。
 上のJavaScriptで、下のformで選択されたページをMainFrameに表示しています。今回、選択したページを新しい窓で表示したいのですが、locationの前にblankを書き加えても飛びません。どの様に記述すればいいのでしょうか？ご指導よろしくお願いします。 <FORM name="myForm"> <select name="myMenu" onChange="myGo()"> <OPTION value="ｈttp://---1">◆1 <OPTION value="ｈttp://---2">◆2 <OPTION value="ｈttp://---3">◆3 </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
プルダウンから移動時のフレームの外し方
こんにちわ。今、上にプルダウンメニューがあり、下にリンク先ファイルを表示する、上下のフレームページを作ってます。この時、TOPページ(フレーム無し)やレンタルBBSのページにも行けるようにしたいのですが、上のフレームが残ってしまい、困ってます。アドレスを記入する場所に　target="top"　と付け加えてみたけれど上のフレームは残ったままです。サンプルのscriptで【top.sita.location.href 】と指定してるから、下のフレームにしか対応しないのでしょうか？何処かを変更して、TOPやBBSに移動する時だけフレームを無くし、全画面表示する方法はないでしょうか？ご存知の方、いらっしゃいましたら宜しくお願いしますm(__)m <SCRIPT language="JavaScript"> </SCRIPT> <select name="myMenu"> <OPTION value="http://www.***">ＴＯＰ <OPTION value="http://www.***">うさぎ <OPTION value="http://www.***">ねこ <OPTION value="http://www.***" target="top">ＢＢＳ　　　　　　　　　　　　　　　　　　　　↑ココに入れました </select> <input type="button" value="GO!" onClick="myGo()"> </form>
- ベストアンサー
- JavaScript
複数のプルダウンメニューの表示について
複数のプルダウンメニューについてですが、以前、こちらで教えてもらったことを応用したいのです。フォーームの中の「グループ1」と「グループ2」という大分類は文字の表示だけでリンクしないようにしたいのです。この状態だと、「グループ1」という名前もプルダウンの中に入ってしまって、ファイルがないので、リンクエラーの警告がでます。どこが間違っていて、どのように変えたらいいのでしょうか。よろしくお願い致します。 <script language="javascript">  </script> ---------------HTML------------ <FORM name="Link1"> <SELECT name="OP" onChange="A_Li()" size="1"> <OPTION Value="-" SELECTED>グールプ1</option> <option value="1.htm">あ</option> <OPTION Value="2.htm">い</option> <OPTION Value="3.htm">う</option> <OPTION Value="4.htm">え</option> <OPTION Value="5.htm">お</option> </SELECT> <SELECT name="OP2" onChange="B_Li()" size="1"> <OPTION Value="-" SELECTED>グールプ2</option> <option value="6.htm">か</option> <OPTION Value="7.htm">き </option> <OPTION Value="8.htm">く </option> </SELECT>
- ベストアンサー
- JavaScript
プルダウンメニューのボタンの色を変えるには？
自分のHPにプルダウンメニューにて曲を選択し、BGMが流れるようにしています。曲を流すことには、著作権等を含め問題ありません。 HPは、白と青を基調とした爽やかな感じにするため、スクロールバーも、バー自体は白、バーの枠とボタンの三角印のみ青に変更しています。しかし、プルダウンメニューのボタンは通常のグレーに黒の三角です。コレの色を変える方法、ありますか？タグはまずスクロールバーの色変更は、 <style type=text/css>  </STYLE> 曲を流すタグは、 <SCRIPT language="JavaScript"></SCRIPT> プルダウンメニューを置く場所に <FORM name="myForm"> <SELECT name="myMenu" size="1" onchange="myGo()"> <OPTION value="">BGM</OPTION> <OPTION value="song1.mp3">1曲目</OPTION> <OPTION value="song2.mp3">2曲目</OPTION> <OPTION value="song3.mp3">3曲目</OPTION> </SELECT> </FORM> としています。ご存知の方、よろしくお願いします。
- ベストアンサー
- HTML

複数のプルダウンメニューから指定フレームへ表示