セレクトメニューでリンクの際、targetの指定の方法
- セレクトメニューでリンクをする際、target属性にどのように指定すればいいのか分からない。
- ２つのフレームで分けたページで、上フレームにセレクトメニューを設置し、選択したリンク先を下フレームに表示したい。
- 試行錯誤しているが、どのようにtarget属性を指定すればいいのかわからない。助けて欲しい。
- ベストアンサー
セレクトメニューでリンクの際、targetの指定の方法
2つのフレーム（上下）で分けたページで、上(top)・下（bottom）というフレーム名にしています。 上（top）にセレクトメニューを設置しリンクをはって、下（bottom）にhtmlを表示したいのですが、target="bottom"というのは、どこに入れたらいいのか。。。いろいろやってみたのですが、全く分かりません。 お分かりになる方、どうぞ教えて下さい。よろしくお願いいたします。 <SCRIPT type="text/JavaScript"> <!-- function moveUrl(selection){ var url=selection[selection.selectedIndex].value; if(url!=""){ location.href=url; } } //--> </SCRIPT> <FORM><SELECT onChange="moveUrl(this)"> <OPTION value="" selected">メニュー選択 </OPTION> <OPTION value="main1.html">概要 </OPTION> <OPTION value="main2.html">仕組み </OPTION>
- machaleo
- お礼率41% (10/24)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
parent.bottom.location.href=url としてみてはいかがですか？
関連するQ&A
- セレクトメニューで
セレクトメニューで フレームを使った、複数のセレクトメニューで 今の状態だと、上のセレクトメニューは問題ないのですが 下のセレクトメニューで選択すると、上のセレクトメニューの「更新」になるだけに なってしまいます。 要所の所だけ、記載しますので間違ってるところを教えてください。 <script type="text/javascript"> <!-- // 設定開始 var target = "right"; // 設定終了 function jump(){ var url = document.form1.select1.options[document.form1.select1.selectedIndex].value; if(url != "" ){ if(target == 'top'){ top.location.href = url; } else if(target == 'blank'){ window.open(url, 'window_name'); } else if(target != ""){ eval('parent.' + target + '.location.href = url'); } else{ location.href = url; } } } // --> </script> </head> <body> <TABLE border="0"> <TBODY> <TR> <TD><form action="#" name="form1"> <select name="select1" onChange="jump()"> <OPTION> メニュー</OPTION> </select> </form></TD> </TR> <TR> <TD><form action="#" name="form2"> <select name="select2" onChange="jump()"> <OPTION> メニュー</OPTION> </select> </form></TD>
- 締切済み
- JavaScript
- 【プルダウンメニュー】フレームの中のインラインフレームに、ターゲットを指定するには？
現状は【フレームA（ヘッダー1）】【フレームB（ヘッダー2）】【フレームC（メイン）】【フレームD（フッター）】の4分割のうえに、更にフレームCの中に【インラインフレーム】があります。 フレーム3の中にプルダウンメニューを設置し、インラインフレームに表示させたいのですが上手く動作しません。 ※ちなみに、「var target = "フレームA名";」で試してみると動作はするのですが…。 という事は「フレームの中のインラインフレーム」という点がネックなのでしょうか？ とあるソースを改良して使おうと思ったのですが、javascript素人につき行き詰まっています。どなたか回答いただけると嬉しいです。 <SCRIPT TYPE="text/javascript"> <!-- var target = "インラインフレーム名"; function jump(){ var url = document.form1.select.options[document.form1.select.selectedIndex].value; if(url != "" ){ if(target == 'top'){ top.location.href = url; } else if(target == 'blank'){ window.open(url, 'window_name'); } else if(target != ""){ eval('parent.' + target + '.location.href = url'); } else{ location.href = url; } } } // --> </SCRIPT> <FORM NAME="form1"> <SELECT NAME="select" onChange="jump()"> <option value="">お選びください <option value="Ahtml/arr">AAA <option value="B.html">BBB <option value="C.html">CCC <option value="D.html">DDD <option value="E.html">EEE </SELECT> </FORM>
- ベストアンサー
- JavaScript
- プルダウンメニューのターゲット指定について
はじめまして。 ドリームウィーバー８を使用しております。 インラインフレーム内にプルダウンメニューを設置したいのですが <select onChange="DD_List_Link(this)"> <option value="#">メニュー</option> <option value="URL" target="_top">A</option> <option value="URL" target="_top">B</option> <option value="URL" target="_top">C</option> ・ ・ ・ このタグではターゲット指定が反映されません。 初心者で、的外れな質問かもしれませんが、回答頂ければ幸いです。 宜しくお願い致しますｍ(＿)ｍ 初心者で
- ベストアンサー
- HTML
- プルダウンメニューのターゲット指定
タイトルどおりなのですが、プルダウンメニュー のリンク先を同ページ内のiframeにしたいのですが これはどうすればできるのでしょうか？ こちらに現在の状況を載せておきます。 <SCRIPT LANGUAGE="JavaScript"><!-- function Jump() { tu = document.f.elements['jumpto'].options[document.f.elements['jumpto'].selectedIndex].value if( tu != '-' ) { location.href = tu; } else { alert('移動先を選択して下さい。'); } } // --></SCRIPT> <FORM NAME="f"> <SELECT NAME="jumpto" onChange="Jump();">> <OPTION VALUE="-" SELECTED>移動先を選択</OPTION> <OPTION VALUE="menu1.htm" target="menu">Page1</OPTION> <OPTION VALUE="menu2.htm" target="menu">Page2</OPTION> </SELECT> </FORM> よろしくお願い致します。
- ベストアンサー
- JavaScript
- ジャンプメニューの表示を初期値に戻したい
左フレーム（frame name="menu"）にジャンプメニューを５個つけて、右フレーム（frame name="main"）にジャンプ先が表示されるページで、 ジャンプしてもフレームセットは解除せずに target="main"で表示させます。 ジャンプ後にジャンプメニューの表示を初期値（<option selected>の部分）に戻したいのですがどう記述すればいいですか？ 現在のスクリプトは以下の通りです。以下のものに付け足す形で記述したいです。 ●スクリプト部分 function go (_url) { if (_url == "--") { return; } else { form1.target="main"; form1.action = _url; form1.submit(); } } <select onChange="go(this.options[this.selectedIndex].value)"> ●フォーム部分 <select onChange="go(this.options[this.selectedIndex].value)" name="select1"> <option value="--" selected>Select Menu</option> <option value="sample1.htm">サンプル１</option> <option value="sample2.htm">サンプル２</option> </select> 以上です。
- ベストアンサー
- JavaScript
- セレクトメニューの値を読み出す方法
セレクトメニューのoptionに設定した値を読み出したいのですがうまくいきません。間違っている部分をご指摘いただけませんでしょうか。よろしくお願いいたします。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <title></title> <script type="text/javascript"> <!-- function checkm(fObj){ price = fObj.options[fObj.selectedIndex].value; } function writePrice() { document.write(price);//通常価格表示 document.write(mprice);//会員価格表示 } //--> </script> </head> <body> <script type="text/javascript"> <!-- var price = '20000'; //通常価格 //--> </script> <script type="text/javascript"> <!-- var mprice = price * 0.9; //会員価格 writePrice(); //--> </script> <form> <select onchange="checkm(this)"> <option value="20000">シルバー</option> <option value="30000">ゴールド</option> <option value="40000">プラチナ</option> </select> </form> </body> </html>
- ベストアンサー
- JavaScript
- プルダウンメニューリンクを新しいウインドウで表示させたい
ホームページビルダー11を使っています。プルダウンメニューからリンク先を「新しいウインドウ」で表示させるにはどのようにしたらよろしいのでしょうか。ご指導よろしくお願い致します <SCRIPT language="JavaScript"> <!--- 非表示 function quicklink(w){ if(w == "") return; document.quick.url.selectedIndex = 0; location.href =w; } //end ---> </SCRIPT> <FORM name="quick" action="./"><SELECT name="url" onchange="quicklink(this.form.url.options[this.form.url.selectedIndex].value)" size="1" tabindex="1"> <OPTION selected>■ リンク先を選んでクリック ■ </OPTION> <OPTION value="index.htm">その１</OPTION> <OPTION value="index-2.htm">その２</OPTION> <OPTION value="index-3.htm">その３</OPTION> </SELECT>←関連リンク先</FORM> <TABLE width="100%" border="1" cellpadding="0" cellspacing="0" class="hpb-subh02">
- ベストアンサー
- ホームページ作成ソフト
- プルダウンメニューの選択時のリンク先について
「プルダウンメニューから選択すると、別ページにリンク」するページを 作成したいです。 以下の様に途中まではできたのですが、 「フレームを使わず、同じウインドウの別の箇所にリンク先を表示 ※プルダウンメニューはそのまま表示」 がどうしてもできません。xmlで作成している関係上、phpも使えません。 何か方法はありませんでしょうか。 <SCRIPT LANGUAGE="JavaScript"> <!-- function menuLink(linkLoc) { if(linkLoc !="") {window.aaa.location.href=linkLoc;} } //--> </SCRIPT> <form> <SELECT onChange="menuLink(this.options[this.selectedIndex].value)"> <OPTION SELECTED>Select</OPTION> <OPTION value="">××</OPTION> <OPTION value="">●●</OPTION> </SELECT> </form>
- ベストアンサー
- ホームページ作成ソフト
- セレクトメニューのリンク先を隣のフレームに表示したい。
左側の細いフレームにセレクトメニューを設置しました。 メニューを選んで、go!をクリックして、リンクするときメインのフレームに開くようにしたいのですが・・・。 ターゲットはどこに記述すればよいですか？ お忙しいところ申し訳ありませんが、教えてください。 よろしくお願いします。 ＊head部分の記述 <SCRIPT LANGUAGE="JavaScript"> <!-- function gotoURL(){ var gotoUrl=document.f0.f0e0.options[document.f0.f0e0.selectedIndex].value document.location.href=gotoUrl｝ //--> </SCRIPT> ＊body部分の記述 <FORM NAME="f0"> <div align="center"> <SELECT NAME="f0e0"> <option value="../kensaku/chikukensaku.html" selected>宮崎市</option> <option value="no">延岡市</option> <option value="mj">都城市</option> <option value="kb">小林市</option> <option value="gb">郡部</option> </SELECT> <INPUT TYPE=BUTTON VALUE="GO!" onClick="gotoURL()"> </div> </FORM>
- 締切済み
- JavaScript
- セレクトリンクについて
以下の様な内容でセレクトリンクをしています <form action=""> <select onchange="location.href=this.options[this.selectedIndex].value"> <option value="1">1/3</option> <option value="2">2/3</option> <option value="3">3/3</option></select></form> この際に【1/3】の所から【3/3】に飛んだ時にそこの覧を 【3/3】の表示のままにしたいのですが、それはできるでしょうか？ 今のこのままで飛ぶとどこにとんでもどこから飛んでも 最初の【1/3】と表示されてしまうので少々不便に思っています。 説明が下手で申し訳御座いません。宜しくお願い致します。
- ベストアンサー
- JavaScript
お礼
どうもありがとうございました。出来ました!!!!