ウェブアプリなんかを作っていると、確認ダイアログとかが欲しくなります。
jQueryを使っている場合は、様々なプラグインを利用してかっこいいダイアログを出すことが出来ますが、とくに見た目にこだわらないのでJavaScriptのalertみたいなやつでさくっと実装したい場合は、こんな感じで書けばOKです。
1 2 3 4 5 |
$('.confirm_link').click(function() { if (!confirm('設定を保存します\nよろしいですか?')) { return false; } }); |
あとは、
1 |
<a href="save.php" class="confirm_link">保存</a> |
みたいにすればOK。
リンクをクリックすると「はい」・「いいえ」のボタンがついたダイアログが出ます。
そして「いいえ」が押された場合は「return false」となってリンクが無効化され遷移しなくなります。「はい」の場合はなにもしないのでそのままリンク先に移動します。
クリックイベントに反応するのでクラスを持っていればボタンとかでも使えます。
コメントする