確認ダイアログの出し方

質問

下記の条件を満たす確認ダイアログの出し方を教えて下さい。

・フォームのボタンではなくリンクテキストで実行
・リンククリックでダイアログ表示、OK選択でリンク先に移動、キャンセル選択で移動なし（元のページを表示したまま）
・１つのページに複数記設置出来る（移動先は、それぞれ別）

回答No.3

BLUEPIXY · ベストアンサー

#1です。
済みません、うまく動かないみたいですね。
当方ＸＰ＋ＩＥ６では、うまく動くのですが…
return false;については、最初かいていたのですが、なくても動くようだったので止めてしまいました。
でも、間違いだったようです。
ＭａｃのＩＥの動作はＷｉｎのＩＥと動作が異なるようですが、
以下を試して貰えませんか
<A href="test1.html" onclick="stepJump(this);return false;">リンク１</A><br>
<A href="test2.html" onclick="stepJump(this);return false;">リンク２</A><br>
<A href="test3.html" onclick="stepJump(this);return false;">リンク３</A><br>
に変更する

お礼

回答ありがとうございます。
試してみた所、理想通りの動作になりました。
有り難うございました。

回答No.2

hrm_mmm

私も書くのをよく忘れますが、jumpさせたくないときはreturn falseでリンクの動作を抑止します。

＞ onmousedown="stepJump(this)"
→ onmousedown="stepJump(this);return false;"

または、function stepJump()の方でfalseを返して
→ onmousedown="return stepJump(this)"

補足

回答ありがとうございます。

下記の記述で良いんですよね？

<script type="text/javascript">
<!--
function stepJump(a){
if(confirm("ホントにリンク先に移動しますか？")){
location.href=a.href;
}
}
//-->
</script>
<a href="test1.html" onMouseDown="stepJump(this);return false;">リンク１</a><br>
<a href="test2.html" onMouseDown="stepJump(this);return false;">リンク２</a><br>
<a href="test3.html" onMouseDown="stepJump(this);return false;">リンク３</a><br>

当方の勘違いでしたら申し訳ないのですが、
リンク１をクリック→OKでtest1.htmlにジャンプ→ブラウザの戻る→リンク２（リンク１／リンク３）をクリック→キャンセルを選択→test2.html（それぞれのリンク先）にジャンプしてしまいます。仕様なのでしょうか？

回答No.1

BLUEPIXY

<script type="text/javascript">
<!--
function stepJump(a){
if(confirm("ホントにリンク先に移動しますか？")){
location.href=a.href;
}
}
//-->
</script>
<A href="test1.html" onmousedown="stepJump(this)">リンク１</A><br>
<A href="test2.html" onmousedown="stepJump(this)">リンク２</A><br>
<A href="test3.html" onmousedown="stepJump(this)">リンク３</A><br>
って感じで

補足

回答ありがとうございます。

試してみたのですが、キャンセルを選択してもリンク先にジャンプしてしまいます。
環境はMacintosh9.2＋IE5.2になります。