フレームのスクロールでリンクしているページを別のフレームに表示する方法は？
- フレームのスクロールでリンクしているページを別のフレームに表示させる方法を教えてください。
- 現在のフレーム内にしか表示されない問題を解決するためにはどうすればよいでしょうか。
- フレームのリンク先を指定する際にターゲットフレームを指定する方法はありますか？
- ベストアンサー
フレーム
<select onchange="location.href=this.options[this.selectedIndex].value"> <option value=""> <option value="http～">A <option value="http～">B <option value="http～">C </select> のスクロールでリンクしているページを、違うフレーム（Dとする）に表示させたいのですが、 <select onchange="location.href=this.options[this.selectedIndex].value"> <option value=""> <option value="http～"target="D">A <option value="http～"target="D">B <option value="http～"target="D">C </select> としても、現在のフレーム内にしか表示されません。 どうやればDに表示できますか？説明が下手ですいません。
- rigard1225
- お礼率91% (356/390)
- Windows XP
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<option>タグに[target]は存在しないので動作しないのは当たりまえです。 表示したいフレームを指定したいのであれば、「location.href」の部分で指定します。 つまり。。。 <select onchange="parent.D.location.href=this.options[this.selectedIndex].value"> <option value=""> <option value="http～">A <option value="http～">B <option value="http～">C </select> DHTMLはちょっと指定がややこしいですが頑張ってください。 あと、私がいつも参考にさせていただいている、杜甫々さんの「とほほのＷＷＷ入門」が参考になると思います。
- 参考URL：
- http://tohoho.wakusei.ne.jp/
関連するQ&A
- 【プルダウンメニュー】フレームの中のインラインフレームに、ターゲットを指定するには？
現状は【フレーム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
- HTML教えて下さい！！！！
セレクトメニューで別ウィンドウを開きたいのですが出来ません。 教えてください！！よろしくおねがいします。 <tr> <td> <select size="1" onchange="location.href = this.options[selectedIndex].value"> <option value="../○○○/○○○/index.html" selected>●●●●●</option> <option value="../○○○/○○○/index.html" >●●●●●</option> <option value="../○○○/○○○/index.html">●●●●●A</option> </select> </form></td> </tr> で、ブランクを入れてみたのですが、、、 <tr> <td> <select size="1" onchange="location.href = this.options[selectedIndex].value"> <option value="../○○○/○○○/index.html" target="_blank" selected>●●●●●</option> <option value="../○○○/○○○/index.html" target="_blank">●●●●●</option> <option value="../○○○/○○○/index.html" target="_blank">●●●●●</option> </select> </form></td> </tr> 、、、、ダメでした。間違っているんですよね。。。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 複数ファイルで共通のセレクトメニューを動作させるためには？（ソース付き）
いつも勉強させていただいております。今回は質問をさせていただけないでしょうか。 A.html、B.htmlの両方のファイルの同じ内容のセレクトメニューを 作っています。 A.htmlを起動するとメニューにA.htmlが B.htmlを起動するとメニューにB.htmlを表示したいと思っています。 いろいろな、サイトを見ると下記で問題ないように思いますが動作しません。 何か問題があるのでしょうか？ IE/Firefoxで動作させていと思っています。 <body> <FORM> <SELECT onchange="location.href=this.options[this.selectedIndex].value"> <OPTION value="A.html">A.html</OPTION> <OPTION value="B.html">B.html</OPTION> </SELECT> </FORM> </body> それでは、よろしくお願いします。
- 締切済み
- HTML
- 複数ファイルで共通のセレクトメニューを動作させるためには？（ソース付き）
いつも勉強させていただいております。今回は質問をさせていただけないでしょうか。 A.html、B.htmlの両方のファイルの同じ内容のセレクトメニューを 作っています。 A.htmlを起動するとメニューにA.htmlが B.htmlを起動するとメニューにB.htmlを表示したいと思っています。 いろいろな、サイトを見ると下記で問題ないように思いますが動作しません。 何か問題があるのでしょうか？ IE/Firefoxで動作させていと思っています。 <html> <body> <FORM> <SELECT onchange="location.href=this.options[this.selectedIndex].value"> <OPTION value="A.html">A.html</OPTION> <OPTION value="B.html">B.html</OPTION> </SELECT> </FORM> </body> </html> それでは、よろしくお願いします。
- 締切済み
- JavaScript
- セレクトボックスから別窓にジャンプするには
ここまで↓はたどりつけたのですが、 <select onchange="location.href=this.options[this.selectedIndex].value"> <option value="#">検索サイトにジャンプ <option value="http://www.yahoo.co.jp/">Yahoo <option value="http://www.google.co.jp/">Google <option value="http://www.infoseek.co.jp/">Infoseek </select> 選ぶと別窓（新しいページ）にジャンプするようにするには どこに_blank（？）を入れればいいのでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- ドロップダウンメニュー+新しいウィンドウ
僕のホームページは、2つのフレームに分かれていて、小さいフレームのドロップダウンメニューを選ぶと大きいフレームに表示されているようにしています。これを、小さいフレームのドロップダウンメニューを選ぶと新しいウィンドウで表示されるように変えたいのですが、どのようにすれば良いでしょうか。現在は、以下のようになっています。 <select name="select" size="1" onchange="parent.news.location.href = options[selectedIndex].value"> <option selected value="http://www.okweb.ne.jp/">OKWeb</option>
- ベストアンサー
- HTML
- プルダウンリンク先の指定フレームに関して
現在フレームを5つに分割しています。 横2列、左の列に2行（上のframe：a、下の frame：b）、右の列に3行（c、d、f）と分割しています。 まず、"a"にプルダウンリンクがあり、指定先が"d"になります。 "d"に指定されたファイルにもプルダウンリンクがあり、"e"に表示しています。 2段階に選択をして3段階目にファイルを表示できるものです。 ここでやめればいいのですが… 利便性のため、別の項目も表示したいのです。 "b"にもプルダウンリンクを設置し、”d”には特定のファイルを、”f”にはvalueでしていたファイルをしていたいと思っています。 ただ本日一日中googleで検索をしていたのですが答えが出ませんでした。 いい回答があればと思います。 もう1つ… 別の方法で4つに分割をします。 横2列、左の列に2行（上のframe：a、下の frame：b）、右の列に2行（c、F） ”F”の指定ファイルを2分割（d、e）して上記ページと同じものを作成しました。 ただ、"ａ"のプルダウンから別のファイルの”e”を指定することは可能なのでしょうか？ これも解決できなかった内容です。 これができると非常に管理が楽なのですが… function navi(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { parent.frames["name"].location.href = url; } } と <select onChange="navi(this)"> <option value=""> </option> ： </select> でプルダウンの命令を出しています。
- 締切済み
- JavaScript
- ドロップダウンからアンカー先へジャンプ
いろいろ調べたのですが上記方法がわかりません。 現在のところこんな感じやっています。 <form onChange="parent.main.location.href = this.options[this.selectedIndex].value"> <p><select size="1" name="D1"> <option selected>現在高校生</option> <option VALUE="#chugak">現在中学生</option> <option VALUE="#chujuk">現在中学受験志望</option> <option VALUE="#shogak">現在小学生</option> </select>まずこちらより該当学年をお選びください</p> </form> ・ ・ <a name="chugak">現在中学生</a> フレームがありましてフレームのmainページ内の移動を目指しています。上記方法ではなにもおこりません。アンカー（ブックマーク）に移動させるにはどうしたらよいのでしょうか？ どこがおかしいのかご教授ください。よろしくお願いします。
- 締切済み
- JavaScript
- セレクトメニューでリンクの際、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>
- ベストアンサー
- JavaScript
お礼
お礼が遅れて申し訳ありません。表示する事ができました。どうもありがとうございました。