インラインフレームから、ドロップダウンでTOPにリンクさせる

[新着] Webテンプレートを仮オープンしました



0   名前: かりん : 2006/10/01(日) 18:44  ID:WPsl5ZUP
インラインフレームの中にドロップダウンを作りました。
そしてそのドロップダウンメニューにリンクをつけたところ、target="_top" としても、
インラインフレーム内でしかでしかリンク先が反映されません。
(フレームを超えて、トップにリンクさせたいと思っています)

インラインフレームではなくて、普通のフレームの場合の修正方法は見つけたのですが
インラインフレームの場合はどうしたらいいのでしょうか?



1   名前: 匿名 : 2006/10/01(日) 18:44  ID:i4s77xzC
もしも<select target="_top">と書いたのだとしたら、その書き方はありえない。
どの要素に、どういう属性があるかは決まっている。
直感・類推は大切。だけど、それが正しいか確認を怠ると変な知識がつくので注意しよう。

「ドロップダウンメニュー」をどう書いたのか不明なのでヒントだけになるが、
・window.location.href が現在のURI
・window.parent.location.href が親フレームのURI
・window.top.location.href が一番上のフレームのURI
を格納している。frameもiframeも差はない。

あと余計な一言だけど、JavaScriptが使えない環境もザラにあるわけだが
そういう対応策は考えてるかな?

2   名前: かりん : 2006/10/01(日) 18:44  ID:WXh5bfVU
レスをありがとうございました!
的確な返答に、感心していますw

ドロップダウンメニューは
http://www.sky.sannet.ne.jp/masapine/java_link222.html
ここのページの2番目のドロップダウンを参照して作りました。

「フレームでのドロップダウンを使う」時の修正方法としては
http://lion.zero.ad.jp/inn/js/form/drop-frame.html
ここを参照しましたのですが、それをどうやって
インラインフレームへも対応させるのかが
まだわかりません ><

もし具体的な方法を教えていただけるのでしたら
またよろしくお願いします m(_ _)m

(JavaScriptの使用環境のほうは大丈夫そうです。)

かりん

3   名前: m035 ◆Wpzr1YKOiq : 2006/10/01(日) 18:44  [URL]  ID:z5ehmvEA
>>2
>>1を読んだのでしょうか。
もし、フレームを解除して指定したurlへジャンプするのでしたら、window.top.location.hrefにジャンプ先urlを代入すれば出来るはずです。
それと、参考にしているサイト(http://www.sky.sannet.ne.jp/masapine/java_link222.html)は内容が古く、オススメしません。
とりあえず簡単な例を
<select onchange="if(this.selectedIndex>0)top.location.href=this.options[this.selectedIndex].value">
<option selected>メニュー</option>
<option value="a.html">ページA</option>
<option value="b.html">ページB</option>
</select>


なお、scriptではlanguageよりもtypeでの指定を。
http://www.seo-equation.com/html/html/script.html#language

4   名前: かりん : 2006/10/01(日) 18:44  ID:p6RvkdU4
m035さん、具体的な記述をありがとうございました!

スクリプト内の詳しい意味もあまりわかっていないので、
どこにどう加えたらいいのかも、わからずに困っていました。
m035さんのを参照したら無事に機能しました ^^

scriptではlanguageよりもtypeでの指定を。
将来的に廃止されてしまうのですね。
でも、具体的にいつごろの話なのでしょうか??

サイトを作りながら1つずつ知識を増やしているので
こうして様々なアドバイス、本当に嬉しいです☆

>>1 さんもありがとうございました m(_ _)m


一覧へ戻る