• 締切済み

ボタンリンクをしたいのですが・・・

ボタンの形でリンクをしたいのですが、うまくできません。 <a>タグのテキストリンクならページが移動するのですが、 <a href="URL"><button>文字</button></a> は、ボタンがペコペコするだけで、 <form><input type="botton" value="文字" onclick="parent.main.location.href='URL'" title="文字"></form> は、ステータスバーにエラーが出ただけです。 何がいけないのか分からないし、他にどうすればいいのかもさっぱり分かりません。 IE6.0を使っていますが、IE依存タグは避けたいです。 ボタンリンクのやり方についてアドバイスをいただけないでしょうか。

noname#90857
noname#90857
  • HTML
  • 回答数4
  • ありがとう数5

みんなの回答

  • OUHO
  • ベストアンサー率28% (11/38)
回答No.4

<Form><Input type="button" value="文字" onClick="location.href='URL'"></Form> でできると思います。

noname#90857
質問者

お礼

試行錯誤していろいろ試してみて、下のようにしたら上手くいきました! <form action="URL" target="main"><input type="submit" value="文字"></form> みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。 (お礼がコピペですいません)

  • kalze
  • ベストアンサー率47% (522/1092)
回答No.3

<input type="button" value="文字" onclick="parent.main.location='URL'"> 表示を変更したいフレームの名前がmainの場合です

noname#90857
質問者

お礼

試行錯誤していろいろ試してみて、下のようにしたら上手くいきました! <form action="URL" target="main"><input type="submit" value="文字"></form> みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。 (お礼がコピペですいません)

noname#90857
質問者

補足

試してみたのですが、ボタンがペコペコしてエラーになるだけでした; もちろんフレーム名、URL共に自分の場合に変えています。 普通のテキストリンクなら上手くいっているので、何がいけないのかさっぱり分からないです。

  • rightegg
  • ベストアンサー率41% (1357/3236)
回答No.2

こんばんは。 parent.main.が必要ありません。 あと、bottonじゃなくてbutton。 また、<button>タグの場合は、<a>タグではなく<button>タグの要素としてonclick以降を書き込むだけ。 試してみて下さい。

noname#90857
質問者

お礼

試行錯誤していろいろ試してみて、下のようにしたら上手くいきました! <form action="URL" target="main"><input type="submit" value="文字"></form> みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。 (お礼がコピペですいません)

noname#90857
質問者

補足

<button onclick="parent.main.location.href='URL'">文字</button> を試してみたのですがエラーでした。 >parent.main ですが、質問にフレームを使っているというのを書くのを忘れていて、別フレームに表示させたいので入れていました。 ちなみに、parent.mainを取り除いたら、ソースを書いたウインドウに表示されてしまいました。

回答No.1

javascriptを使わないとダメだと思います。 参考URLをご覧ください。

参考URL:
http://www.geocities.jp/fur_tokyo/SCRIPT/button.html
noname#90857
質問者

お礼

試行錯誤していろいろ試してみて、下のようにしたら上手くいきました! <form action="URL" target="main"><input type="submit" value="文字"></form> みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。 (お礼がコピペですいません)

noname#90857
質問者

補足

書くのを忘れていたのですが、フレームを使っていて別フレームに表示させたいので、参考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
  • リンクボタン

    ボタンを押してリンク先に飛ぶようにするには <form><input type="button" value="homeへ" onClick="location.href='home.html'"></form> とすれば可能ですがこれをJavaScriptを使わずに出来る方法はないものでしょうか? どうしても画像など使わずにボタンで実現させたいのですが。

    • ベストアンサー
    • 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>

  • ボタンで、リンクを、別ウィンドウで開く

    質問させていただきます。 ボタンで、リンクを、別ウィンドウで開くには どういうソースを書いたら良いのでしょうか? <FORM> <INPUT TYPE="button" VALUE="リンク" onClick="window.location.href='index.html'"> </FORM> だと、同一ウィンドウ内に開いてしまいますし・・・。 どうか教えてください。よろしくお願いいたします!

  • 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

  • ボタンの違い

    くだらない質問になってしまいますが、 押しボタンのリンク方法で、 onClick=location.href onClick=parent.location.href onclick=window.open はそれぞれどのような効果なのでしょうか?

    • ベストアンサー
    • 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
  • html で ボタンをつくる

    楽天RMSで、ページにリンクできるテキストボタンを作りたいのですが onClick が禁止タグになっているので使えませんでした。 <html>だけでリンクボタンを作成したいのですが、 <button><a href="リンク場所">テキスト</a></button>で できるかとおもったら、表示はボタンになっているにもかかわらず、リンクできませんでした。 楽天RMSでリンクボタンを作成するにはどのように記述すればいいかわかりません。 どなたか教えていただけないでしょうか。

  • 『入力文字列 + .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> のようにリンク文字で書くと思うように飛びません。 (リンク先へ飛ばず元の画面のまま) 不備があるのでしょうか、それともリンク文字では不可なのでしょうか。 ご存知の方いらっしゃいましたら改善方法をご教授願います。 宜しくお願い致します。

  • サブウィンドウを閉じたときに親ウィンドウのリンク先

    サブウィンドウを閉じたときに親ウィンドウのリンク先 サブウィンドウを閉じたときに親ウィンドウを別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()">

専門家に質問してみよう