- 締切済み
ボタンリンクをしたいのですが・・・
ボタンの形でリンクをしたいのですが、うまくできません。 <a>タグのテキストリンクならページが移動するのですが、 <a href="URL"><button>文字</button></a> は、ボタンがペコペコするだけで、 <form><input type="botton" value="文字" onclick="parent.main.location.href='URL'" title="文字"></form> は、ステータスバーにエラーが出ただけです。 何がいけないのか分からないし、他にどうすればいいのかもさっぱり分かりません。 IE6.0を使っていますが、IE依存タグは避けたいです。 ボタンリンクのやり方についてアドバイスをいただけないでしょうか。
- HTML
- 回答数4
- ありがとう数5
- みんなの回答 (4)
- 専門家の回答
みんなの回答
- OUHO
- ベストアンサー率28% (11/38)
<Form><Input type="button" value="文字" onClick="location.href='URL'"></Form> でできると思います。
- kalze
- ベストアンサー率47% (522/1092)
<input type="button" value="文字" onclick="parent.main.location='URL'"> 表示を変更したいフレームの名前がmainの場合です
お礼
試行錯誤していろいろ試してみて、下のようにしたら上手くいきました! <form action="URL" target="main"><input type="submit" value="文字"></form> みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。 (お礼がコピペですいません)
補足
試してみたのですが、ボタンがペコペコしてエラーになるだけでした; もちろんフレーム名、URL共に自分の場合に変えています。 普通のテキストリンクなら上手くいっているので、何がいけないのかさっぱり分からないです。
- rightegg
- ベストアンサー率41% (1357/3236)
こんばんは。 parent.main.が必要ありません。 あと、bottonじゃなくてbutton。 また、<button>タグの場合は、<a>タグではなく<button>タグの要素としてonclick以降を書き込むだけ。 試してみて下さい。
お礼
試行錯誤していろいろ試してみて、下のようにしたら上手くいきました! <form action="URL" target="main"><input type="submit" value="文字"></form> みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。 (お礼がコピペですいません)
補足
<button onclick="parent.main.location.href='URL'">文字</button> を試してみたのですがエラーでした。 >parent.main ですが、質問にフレームを使っているというのを書くのを忘れていて、別フレームに表示させたいので入れていました。 ちなみに、parent.mainを取り除いたら、ソースを書いたウインドウに表示されてしまいました。
- g_express999
- ベストアンサー率29% (115/386)
javascriptを使わないとダメだと思います。 参考URLをご覧ください。
お礼
試行錯誤していろいろ試してみて、下のようにしたら上手くいきました! <form action="URL" target="main"><input type="submit" value="文字"></form> みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。 (お礼がコピペですいません)
補足
書くのを忘れていたのですが、フレームを使っていて別フレームに表示させたいので、参考URLに行きましたが解決できませんでした。
関連するQ&A
- ボタンをファイルにリンクさせたい
お世話になります。 HTMLで <button type="button" name="button" value="button"> <font size="3"><b>テスト</b></font></button> <br><br> 上記のような感じでボタンを作りました。このボタンを あるファイルにリンクさせたい(URLでなくてファイル)のですが、 できますか? ネットで検索すると、URLの場合ですが <Form><Input type="button" value="テスト" onClick="location.href='http://test.jp/'"></Form> 上のように出ていますが、どこにどのようなタグを打てば いいのでしょうか? 宜しくお願いします。
- ベストアンサー
- HTML
- 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サービス)
- ボタンで、リンクを、別ウィンドウで開く
質問させていただきます。 ボタンで、リンクを、別ウィンドウで開くには どういうソースを書いたら良いのでしょうか? <FORM> <INPUT TYPE="button" VALUE="リンク" onClick="window.location.href='index.html'"> </FORM> だと、同一ウィンドウ内に開いてしまいますし・・・。 どうか教えてください。よろしくお願いいたします!
- ベストアンサー
- JavaScript
- 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
- ベストアンサー
- JavaScript
- ボタンをクリックして、リンクを開きたい
ボタンをクリックして、リンクを開きたいのですが <input type="button" value="yahooを表示する" onClick="location=http://www.yahoo.co.jp/"> をしても何も起りません。 出来れば、新しいブラウザで開きたくて、 <A href="http://www.yahoo.co.jp/" target="HOGE">yahooを表示する</a> と同じように、ボタンをクリックして開きたいので、ご教授お願いします。
- ベストアンサー
- HTML
- html で ボタンをつくる
楽天RMSで、ページにリンクできるテキストボタンを作りたいのですが onClick が禁止タグになっているので使えませんでした。 <html>だけでリンクボタンを作成したいのですが、 <button><a href="リンク場所">テキスト</a></button>で できるかとおもったら、表示はボタンになっているにもかかわらず、リンクできませんでした。 楽天RMSでリンクボタンを作成するにはどのように記述すればいいかわかりません。 どなたか教えていただけないでしょうか。
- 締切済み
- HTML
- 『入力文字列 + .html』 に飛ぶリンクが作りたい
スクリプト部分に function aaa(){ var path = prompt("ファイル名を入力:",""); location.href = path + ".html"; } と記述しております。 HTMLに <FORM> <INPUT TYPE=button VALUE="閲覧" onclick="aaa();"> </FORM> のようにフォームで書くと期待通りに動くのですが、 <A HREF="javascript:" onClick="aaa();">閲覧</A> のようにリンク文字で書くと思うように飛びません。 (リンク先へ飛ばず元の画面のまま) 不備があるのでしょうか、それともリンク文字では不可なのでしょうか。 ご存知の方いらっしゃいましたら改善方法をご教授願います。 宜しくお願い致します。
- 締切済み
- JavaScript
- サブウィンドウを閉じたときに親ウィンドウのリンク先
サブウィンドウを閉じたときに親ウィンドウのリンク先 サブウィンドウを閉じたときに親ウィンドウを別URLに 飛ばすにはどうしたらよいですか? ちなみにサブウィンドウはボタンを押したらウィンドウが 閉じるという動きです。 下記のタグで実行できるのですが、 macのIE5.0で動きません。 IE5.0で動くようにしたいのですが・・・・ 下記がタグになります。 ご教授お願いします。 ======サブウインドウタグ======= <script type="text/JavaScript"> function jump_and_close() { opener.location.href = "別URL"; window.close(); } </script> ======親ウィンドウへのリンク======= <input type="button" value="ボタン" onClick="jump_and_close()">
- 締切済み
- JavaScript
お礼
試行錯誤していろいろ試してみて、下のようにしたら上手くいきました! <form action="URL" target="main"><input type="submit" value="文字"></form> みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。 (お礼がコピペですいません)