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)によって無効で動作しない。 } } りんくばりゅ ↑と同じようなことを1つのaタグでやりたい失敗A 失敗B 選択によってクリックのアクションを変更したいんだけど、 1方のアクションはリンク、もう1方はJavaScriptです。ボタンとかならできるんだけど、クリック済みかを色分けしたいからaタグでやりたいんです。よい方法を教えてください。

a.href の href を有効か無効にする選択

解決済

質問者：A__
質問日時：2001/10/23 18:31
回答数：1件

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#3852
回答日時：2001/10/26 15:46

こんにちは。

問いの内容が掴みづらいですが、確認します。
「選択」とは、ダイアログで「ＯＫ」を選択したのか「キャンセル」を選択したのかという意味でよいですか。
　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が戻ってきた場合は、ジャンプせず現在表示しているページのままでいます。
よって、関数内ではダイアログで「ＯＫ」が押されたらtrueを戻して終了、リンクジャンプさせます。一方、「キャンセル」が押されたらお好みのJavaScriptプログラムを起動させ、最後にfalseを戻して、ジャンプさせないようにします。