ボタンの形でリンクをしたいのですが、うまくできません。
<a>タグのテキストリンクならページが移動するのですが、
<a href="URL"><button>文字</button></a>
は、ボタンがペコペコするだけで、
<form><input type="botton" value="文字" onclick="parent.main.location.href='URL'" title="文字"></form>
は、ステータスバーにエラーが出ただけです。
何がいけないのか分からないし、他にどうすればいいのかもさっぱり分かりません。
IE6.0を使っていますが、IE依存タグは避けたいです。
ボタンリンクのやり方についてアドバイスをいただけないでしょうか。
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
試行錯誤していろいろ試してみて、下のようにしたら上手くいきました!
<form action="URL" target="main"><input type="submit" value="文字"></form>
みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。
(お礼がコピペですいません)
No.2
- 回答日時:
こんばんは。
parent.main.が必要ありません。
あと、bottonじゃなくてbutton。
また、<button>タグの場合は、<a>タグではなく<button>タグの要素としてonclick以降を書き込むだけ。
試してみて下さい。
この回答への補足
<button onclick="parent.main.location.href='URL'">文字</button>
を試してみたのですがエラーでした。
>parent.main
ですが、質問にフレームを使っているというのを書くのを忘れていて、別フレームに表示させたいので入れていました。
ちなみに、parent.mainを取り除いたら、ソースを書いたウインドウに表示されてしまいました。
試行錯誤していろいろ試してみて、下のようにしたら上手くいきました!
<form action="URL" target="main"><input type="submit" value="文字"></form>
みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。
(お礼がコピペですいません)
No.3
- 回答日時:
<input type="button" value="文字" onclick="parent.main.location='URL'">
表示を変更したいフレームの名前がmainの場合です
この回答への補足
試してみたのですが、ボタンがペコペコしてエラーになるだけでした;
もちろんフレーム名、URL共に自分の場合に変えています。
普通のテキストリンクなら上手くいっているので、何がいけないのかさっぱり分からないです。
試行錯誤していろいろ試してみて、下のようにしたら上手くいきました!
<form action="URL" target="main"><input type="submit" value="文字"></form>
みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。
(お礼がコピペですいません)
No.4
- 回答日時:
<Form><Input type="button" value="文字" onClick="location.href='URL'"></Form>
でできると思います。
試行錯誤していろいろ試してみて、下のようにしたら上手くいきました!
<form action="URL" target="main"><input type="submit" value="文字"></form>
みなさまの案で解決には至りませんでしたが、アドバイスありがとうございます。
(お礼がコピペですいません)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jsで質問です。 ボタンが二つ存在し、両方のボタンがクリックされたことをチェックしたいのですが、どの 4 2022/11/22 10:30
- HTML・CSS htmlで画面遷移させたい 1 2022/10/28 18:19
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
相対パスと絶対パスの速度
-
chromeでの擬似クラス:focus に...
-
pythonのWebスクレイピングでfi...
-
別ファイルのfunctionの読み込み方
-
function の return 値を表示し...
-
JavascriptとJqueryを混在し記述
-
jQueryでdivをクリックし別窓で...
-
(Javascript)印刷するファイル...
-
JavaScriptでiframeの内容を「...
-
base64encodeでの文字化けについて
-
bodyにidをつける理由は何ですか?
-
以下の内、どれでも良いので可...
-
外部ファイル名を変数で指定で...
-
サブウィンドウの大きさを複数...
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
Safariで<iframe>のinnerHTMLを...
-
ボタンのID名を取得するには?
-
getElementsByNameで要素が取得...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
html メールリンクにて自動ファ...
-
相対パスと絶対パスの速度
-
フレームだけ閉じる方法ありま...
-
リンクに飛ばない・・・
-
pythonのWebスクレイピングでfi...
-
HTMLソースからURLだけを抜き出...
-
時間によってリンク先を変える...
-
個別にハイパーリンクの色を指...
-
<a href>での背景色について。
-
mailto + 変数名
-
プルダウンメニューからリンク...
-
POSTで<a hrefを送る方法について
-
chromeでの擬似クラス:focus に...
-
URLでEXEを呼出した際の、引数...
-
同意を求めて、次のページに進...
-
リンクを選択すると現れる点線枠
-
HTML内に記載された画像のURLを...
-
ある一定時間操作していない場...
-
iPadのロングタップ(長押し)...
おすすめ情報