メッセージの最近のブログ記事

ページを移動したり閉じるときに確認する

masanori (2008年12月28日 19:44) | コメント(0)
ページを閉じたり、ページから移動したりするときに
確認ダイアログを出したいときってありますよね。
(ページにとどまることも出来る確認ダイアログ。)
そんなときの方法。

HTMLのBODYタグに、次のような記述を追加します。
onbeforeunload="return '表示したいメッセージ';"
つまり・・・次のように書くということ。
<body onbeforeunload="return '表示したいメッセージ';">

すると・・・そのページから移動したり、そのページを閉じるときに、
本当に良いのかどうか確認するダイアログが表示されます。

サンプルを見る


サイコロを作ってみる

masanori (2008年12月28日 17:02) | コメント(0)
シンプルなサイコロを作ってみます。(えｗ
下のようなタグを適当な場所に記述してください。
ボタンをクリックすると、1から6までのランダムな数字がでてきます。
<input type="button" onclick="alert(Math.floor(Math.random() * 6) + 1);" value="サイコロを振る">
よくわかる(か知らない)解説：
Math.random()は見ての通り、乱数(ランダムな数)を発生させます。
Math.floor()は、小数点以下を切り捨てて整数にします。
ですから・・・Math.random() * 6は、0.**********から5.**********までが出ます。
それを、Math.floor()を使って、小数点以下切捨てして、
それを、+1した数を、alertでダイアログとして表示します。

サンプル：


ちょっと工夫すれば次のように画像を出すことができます。

サイコロ画像
サイコロ画像は、イラスト素材の素材ダス様からお借りしました。
« フォーム | メインページ | アーカイブ | ランダム »