B05 画像をクリックしたら質問を出し、答えによってダイアログを出す1 -onClickを使うケース-

ここではボタンと文字がクリックされるとYES/NO(OK/キャンセル)の確認のダイアログを出します。ここではonClickを使っています。


応用:
if()文の{ }の中の命令をalert()文以外に取り替えて使ってください。alert()の括弧の中の文章も好きな言葉に取り替えればいろいろな用途に使えます。
参照: javascript, function, onClick, alert(),

Sample

ボタンクリックすると問題が出ます。



Source
ソース
(コピーしてお使いください)
<html>
<head>
<title></title>
</head>
<body>

<a href="javascript:function voi(){};voi()"
   onClick="
     if( confirm('牛久大仏は奈良の大仏様が手のひらにのってしまう程の大きさです。\n正解? YES=OK') == true ){
       alert('正解(^^)/ ')
     } else {
       alert('残念でした')
     }
   ">
<img src="MONDAI1.GIF" width="120" border="0"></a>
 ボタンクリックすると問題が出ます。

</body>
</html>
a href="javascript:命令文"でクリックしたら"命令文"を実行するという意味ですが ここではfunction voi(){}という 中味のない voi()という関数を作って から、続くvoi()で「なにもしない」^^;を実行してます。Netscapeの3.0からは作らなくてもvoid(0)という命令が用意されています。その場合は a href="javascript:void(0)" と書きます

onClick="命令文"でクリックしたら"命令文"を実行するという意味です

confirm("文章")は"文章"の入ったYES/NOダイアログを表示しOK(YES)ならtrue、キャンセル(NO)ならfalseを返します

\nは改行の意味です


Contents
| CONTENTS
| PART1 これだけ知っていれば大丈夫
| PART2 サンプルの紹介
| PART3 JavaScript言語仕様
| PART4 JavaScriptクイック書式一覧
| PART5 JavaScriptサイト
| オンラインサポートページ(回線をつないでください)


Maintained by
tato@fureai.or.jp works1997 Toshirou Takahashi