普通、というかほとんどのページではそうですが、ページを移動するときには、リンクをクリックすればすぐに次のページに飛びますね。
そこで、今回はJAVAスプリクトを使って、人によってはうっとうしいと感じるかもしれませんが、ページを移動するときに確認をしてくるようなページを作ってみようと思います。
理論は、大体分かると思いますが、リンクをクリックしたときに、アラートを表示させる関数を実行するだけです。 それでは、早速ですがサンプルを見てみましょう。
<script type="text/javascript">
<!--
function kakunin(){
var hoge = confirm("ページを移動しますが構いませんか？");
if(hoge){
location.href = "http://www.google.co.jp"
}
}
//-->
</script>
<a href="#" onClick="kakunin();return false;">リンク</a>
それでは、早速実行してみましょう。画面に表示された「リンク」をクリックすると、本当に移動するかの確認を求められ、OKを押すとそのままジャンプしますが、キャンセルを押した場合、 ジャンプはしません。
一見ばかばかしいことのように見えますが、たとえば、ある一連のアニメーションや効果を見せているとき、見せている方としてはそのまま最後まで見せたいですよね。 しかしながら、ユーザーが途中で他のページに飛ぼうとしてしまうことがあります。
そういったときに、本当にいいのか、の確認をするときに、この手法は有効です。