<script language="JavaScript">
function fa(obja){
if(confirm())obja.href="a.html"
else{obja.href=eval("javascript:void(0)")
inp.value=0//↑がうまくいかない。hrefを無効にしたい。
}
}
function fb(objb){
if(confirm())window.location="a.html"
else{inp.value=0//↑がvoiv(0)によって無効で動作しない。
}
}
</script>
<a href=a.html>りんく</a><a href=javascript:voiv(0) onClick=inp.value=0>ばりゅ</a>
<br>↑と同じようなことを1つのaタグでやりたい<br>
<a href="" onClick=fa(this)>失敗A</a><br>
<a href=javascript:voiv(0) onClick=fb(this)>失敗B</a><br>
<input id=inp>
選択によってクリックのアクションを変更したいんだけど、
1方のアクションはリンク、もう1方はJavaScriptです。
ボタンとかならできるんだけど、クリック済みかを
色分けしたいからaタグでやりたいんです。
よい方法を教えてください。
No.1ベストアンサー
- 回答日時:
こんにちは。
問いの内容が掴みづらいですが、確認します。
「選択」とは、ダイアログで「OK」を選択したのか「キャンセル」を選択したのかという意味でよいですか。
A__さんが添付したソースを注意深くみれば、そうだと思いますが、言われた瞬間では、「選択」というとラジオボタン(<input type="radio">)やプルダウンメニュー(<select>)の方が連想しやすいので。
で、どちらを押したかによって、ページをジャンプするか、ジャンプしないでJavaScriptを実行するか分岐するでいいのですか。そうであれば以下のサンプルはいかがでしょうか。
<html>
<head>
<script language="JavaScript">
function func()
{
if(confirm("OKWEBに行きますか?"))
{
return true ;
}
var txt = document.formForJS.textForJS;
txt.value="行きたくありません";
return false ;
}
</script>
</head>
<body>
<a href="http://www.okweb.ne.jp/" onclick="return func()">リンク</a>
<form name="formForJS">
<input type="text" name="textForJS" size="20" />
</form>
</body>
</html>
ここでのポイントは、<a>タグのonclickにreturnをつけていること、あわせて、呼んでいる関数でtrue/falseを戻している(returnしている)ことです。
<a>タグのonclickがある場合、trueが戻ってきた場合は、本来のhrefで指定したURLにジャンプします。逆にfalseが戻ってきた場合は、ジャンプせず現在表示しているページのままでいます。
よって、関数内ではダイアログで「OK」が押されたらtrueを戻して終了、リンクジャンプさせます。一方、「キャンセル」が押されたらお好みのJavaScriptプログラムを起動させ、最後にfalseを戻して、ジャンプさせないようにします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したあとに画像を表...
-
スマホ上で、左右スワイプで次...
-
ラジオボタンを複数選択したと...
-
jsonテキストデータの並び替え...
-
Adobe acrobat proでフォームを...
-
画面に表示したらアニメーショ...
-
2025年相性がいい人のサイトの...
-
jQueryでのレスポンシブが綺麗...
-
jsで質問です。 formをsubmitし...
-
二次元配列を使って順位をだす...
-
【JS】selectでchangeした時の...
-
sessionStorageを調べています。
-
jsで質問です。 ボタンが二つ存...
-
ブックマークレットについて
-
タグを教えてください。
-
CookieをWebStoeageに変える
-
Outlookのアカウントがあるとメ...
-
jqueryのselect2で検索欄の文字...
-
<tr>指定した表の行要素をボ...
-
食材の期限を管理するためにGAS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScript 超初心者です。 Doc...
-
親ページからインラインフレー...
-
画像をボタンのようにフォーカ...
-
入力フォームの javascript で ...
-
[onClick]ボタンを押すことで入...
-
javascriptのパスワードっぽいもの
-
JavaScript の 「showDialog」
-
submit時に違うページに飛びたい
-
INPUTの内容をフォームの送信先...
-
ボタンで、リンクを、別ウィン...
-
ボタンクリックで
-
cgi上のhtmlをrubyのifで条件分岐
-
ボタンにファイルリンクをつける
-
パスワードをIPする際見えな...
-
スクリプトの作り方って・・・・?
-
商品ページのフォームのテキス...
-
ブラウザの履歴を消す/アクセ...
-
HTAのタグ?の事についてです。
-
a.href の href を有効か無効に...
-
ウィンドウからウィンドウへ、...
おすすめ情報
