HTMLフォームボタンによるターゲットフレームを指定したリンク
- HTMLフォームボタンを使用して、特定のフレームにリンク先を展開する方法について教えてください。
- head側のHTMLに記述したフォームボタンを押すと、意図したフレームではなく、フレーム内に展開されてしまいます。
- 参考サイトを見ながら試したのですが、うまくいきません。どこが間違っているのでしょうか?
- ベストアンサー
HTMLフォームボタンによるターゲットフレームを指定したリンク
上下にフレーム分割してあり、上をname="header",下をname="contents"としてあります。 head側のHTMLに記述したフォームボタンを押すと、親ウインドウ(target="_parent")に リンク指定先が展開されるようにしたいのですが下記の記述ではうまくいきません。 意図した親ウィンドウでなく、head側のフレーム内に展開されてしまいます。 <input type="button" name="01a" value="前へ" onclick="parent.head.location.href='../hoge1/1.htm'"> <input type="button" name="03a" value="目次" onclick="parent.head.location.href='../index.html'"> <input type="button" name="03a" value="次へ" onclick="parent.head.location.href='../hoge3/3.htm'"> 参考にしたのは以下ですが、何が誤っておりますでしょうか。よろしくお願い致します。 http://www.west-mira.jp/javascript/link/button2.html
- litton101
- お礼率89% (1106/1240)
- JavaScript
- 回答数1
- ありがとう数3
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
おそらく次のような構成になっているのかと思います。 <frameset> <frame name="header"> <frame name="contents"> </frameset> このとき、 headerから、ひとつ上の親にリンクを展開しようとすると、つまりフレーム構成がはずれる、ということですよね? でしたら、 parent.location.href="URL" が正しい記述です。 parent.(フレーム名).location.href="URL" ですから、親ウインドウを基準にして 指定したheadフレームにリンクを展開していることになります。
関連するQ&A
- ボタンを押したときに特定のフレームにページを表示するには?
タグの知識が全然無くてすみませんが教えて下さい。 端末だけで紙芝居のように見てゆくHTMLを作っています。FrontPage2000を使っています。 上下にフレーム分割されていて、上のフレームがnavi、 下のフレームがcontentだとします。 このとき、naviにロードしたページ上にあるボタンを押したら、 contentにあるページをロードするようにしたいのです。 URLのリンクなら出来るのですが... ページ全体を開きなおすのは <input onclick="top.location='??.htm'" type="button" value="○○" name="B1"> でできたので、 <input onclick="content.location='??.htm'" type="button" value="○○" name="B1"> とか、 <input onclick="location='??.htm'" target='content' type="button" value="○○" name="B1"> とかしてみたんですがダメでした。 こういう場合どのようにしたらいいでしょうか。
- ベストアンサー
- HTML
- ボタンをクリックして、リンクを開きたい
ボタンをクリックして、リンクを開きたいのですが <input type="button" value="yahooを表示する" onClick="location=http://www.yahoo.co.jp/"> をしても何も起りません。 出来れば、新しいブラウザで開きたくて、 <A href="http://www.yahoo.co.jp/" target="HOGE">yahooを表示する</a> と同じように、ボタンをクリックして開きたいので、ご教授お願いします。
- ベストアンサー
- HTML
- ボタンリンクをしたいのですが・・・
ボタンの形でリンクをしたいのですが、うまくできません。 <a>タグのテキストリンクならページが移動するのですが、 <a href="URL"><button>文字</button></a> は、ボタンがペコペコするだけで、 <form><input type="botton" value="文字" onclick="parent.main.location.href='URL'" title="文字"></form> は、ステータスバーにエラーが出ただけです。 何がいけないのか分からないし、他にどうすればいいのかもさっぱり分かりません。 IE6.0を使っていますが、IE依存タグは避けたいです。 ボタンリンクのやり方についてアドバイスをいただけないでしょうか。
- 締切済み
- HTML
- PHPの囲みかた
以下のPHPが動かない、画面が真っ白になってしまうのですがなぜでしょうか? また<?php ?>でPHPは囲みますが、一画面で何回も囲んでも構わないでしょうか? <input name="button" type="button" onclick="location.href='/abc.php'" value="abc"> <?php print ('<input type="button" value="aaa" onClick="location.href='/aaa.php'">'); ?> <input type="button" value="bbb" onClick="location.href='/bbb.php'">
- 締切済み
- PHP
- ボタンの長さを変えたい(至急)
<INPUT TYPE=BUTTON VALUE="最新100回グラフ" onClick="location.href='../grf/100.htm'"> <INPUT TYPE=BUTTON VALUE="最新50回グラフ" onClick="location.href='../grf/50.htm'"> このようなボタンの長さを揃えたいです。 スペースで調節するしかないのでしょうか?
- ベストアンサー
- HTML
- Input Type Buttonのサイズ変更
*Input type buttonのフォントサイズを大きくする場合 どこ↓につなげたらいいのでしょうか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE= "お問い合わせ"onClick="location.href='http@@@@@@@'"> *Input type button の型を四角に変更する場合や サイズを大きくする場合はこのタグ↓のどこに入れたら いいのでしょうか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE= "お問い合わせ"onClick="location.href='http@@@@@@@'"> お手数をお掛け致しますが宜しくお願い致します。
- ベストアンサー
- その他(インターネット・Webサービス)
- HPボタンの長さが異なる。
下のボタンが マックの「IE4.5」「IE5.0」「ネスケ4.7」だとちゃんと奇麗に中央に表示されますが、 Windows「IE4.5」「IE5.0」はボタンの長さが異なり ガタガタになります。 windowsでも奇麗に並べるにはどうしたらいいのでしょうか? よろしくご指導お願いいたします。 テストでアップしてあるURLですのでご確認してください。 http://watn.jp/test/ <HTML> <HEAD> <TITLE>++++</TITLE> </HEAD> <!------------------- 中身-------------------> <center> 下のボタンがマックの「IE4.5」「IE5.0」「ネスケ4.7」だと<br> ちゃんと中央に表示されますが、Windows「IE4.5」「IE5.0」は<br> ボタンの長さが異なりガタガタになります。 <FORM> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇ " onClick="window.location.href='kituke.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇ " onClick="window.location.href='sadou.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇◇ " onClick="window.location.href='buyou.html'"><br> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇ " onClick="window.location.href='ivent.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇ " onClick="window.location.href='tenjikai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇ " onClick="window.location.href='butai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇ " onClick="window.location.href='honten.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇◇ " onClick="window.location.href='yono.html'"><br> </FORM> </center> </BODY> </HTML>
- ベストアンサー
- その他(インターネット・Webサービス)
- リンククリックで文字列を他のフレームへ
リンクをクリックすると他のフレームにテキストを渡したい。現状はボタンクリックで渡しています。渡す文字は<SCRIPT language=JavaScript>の部分に書かず、リンクの場所においておきたい。 (例) <A HREF="">東京</A> <A HREF="">大阪</A> <A HREF="">名古屋</A> この文字の部分に 東京の名物、大阪の名物、名古屋の名物などのテキストを含ませておき、そことクリックすると別のフレームのテキストボックスに入るようにしたい。 #どうか、アドバイスを。 <form action="javascript:void(1)" onsubmit="return false;"> <p><input type=text name=Title value="やっほ"> <input type=button onclick="parent.Frame3.document.fm1.Title.value=this.form.Title.value;" value="←コピー">
- ベストアンサー
- JavaScript
- javascriptでラジオボタンをチェックさせて、それによってリンク
javascriptでラジオボタンをチェックさせて、それによってリンクを飛ばしたいと考えています。 自分なりに調べて、作成したのですが、 フレームを利用しており、ページ全体を移動(top)したいのですが、フレーム内でしか表示されません。 <HTML> <HEAD> <TITLE>らじお</TITLE> <SCRIPT LANGUAGE="JavaScript"> function jump(){ var flag = 0; for(i=0; i<document.forms[0].url.length; i++){ if(document.forms[0].url[i].checked){ flag = 1; window.location.href = document.forms[0].url[i].value; } } if(flag == 0){ alert('ラジオボタンが選択されていません。'); } } </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="radio" NAME="url" VALUE="表示したいURL.htm" checked>選択肢1<br> <INPUT TYPE="radio" NAME="url" VALUE="表示したいURL.htm">選択肢2<br> <INPUT TYPE="radio" NAME="url" VALUE="表示したいURL.htm">選択肢3ド<br> <INPUT TYPE="button" onClick="jump();" VALUE="移動"> </FORM> </BODY> </HTML> 上記状態で、あちらこちらに"_top"を挿入してみたのですが、うまくいきません。 どなたかお知恵を拝借出来ませんでしょうか?
- ベストアンサー
- JavaScript
お礼
9arabiさん。 早速試してみましたが、ご教示の通りでうまくいきました。 わかりやすい解説ありがとうございました。 (考え方を教わることが次への応用につながりますので)