写真に触れるとメッセージが出ます。
写真にさわると説明入りのOK/キャンセル(YES/NO)ダイアログを出し、YES(OK)なら拡大写真を読み込みNO(キャンセル)なら何もしません。
応用:location.href='DAIBU12.GIF'の'DAIBU12.GIF'を好きな画像やページに取り替えて使えます。elseのあとの{}の中にもNOの場合の命令を書き込めます。
参照: function, if( ){ }else{ }, confirm(), location.href, onMouseOver,
写真に触れるとメッセージが出ます。
<html>
<head>
<title></title>
<script language="JavaScript">
<!--
function b08(){
if( confirm('真下から見あげた牛久大仏の写真です。\n少し大きいですが(^^;拡大してみますか?') == true ){
window.location.href='daibu12.gif'
} else {
//--キャンセル時の処理が必要ならここへ書きます
}
}
//-->
</script>
</head>
<body>
<a href="javascript:function voi(){};voi()"
onMouseOver="b08()">
<img src="DAIBU10.GIF"
width="20" border="0"></a>
写真に触れるとメッセージが出ます。
</body>
</html>
functionは関数(複数のスクリプトをまとめて名前をつけたもの)を作る命令で、この場合のb08()は関数名ですif( xx == true ){ "命令文" }else{ "命令文" }は、もしxxがtrueなら最初の"命令文"を実行し、違ったら後の"命令文"を実行するという意味です。このサンプルでは後の命令を省略していますので、キャンセル時には何もしません。また、if( confirm("xxx") ){ "命令文" }else{ "命令文" }という風に==trueを省略してもokです
confirm("文章")は"文章"の入ったYES/NOダイアログを表示しOK(YES)ならtrue、キャンセル(NO)ならfalseを返します
\nは改行の意味です
window.location.href='SIMPLB08.HTM'は'SIMPLB08.HTM'というページを読み込むという意味です。この場合、self.location.hrefでもlocation.hrefでも同じ様に動きます
a href="javascript:命令文"でもクリックしたら"命令文"を実行するという意味ですが
ここではfunction voi(){}という 中味のない voi()という関数を作って から、続くvoi()で「なにもしない」^^;を実行してます。Netscapeの3.0からは作らなくてもvoid(0)という命令が用意されていますが、2.0などではエラーになるのでこの方法にしましたonMouseOver="命令文"でマウスがさわったら"命令文"を実行するという意味です
| CONTENTS
| PART1 これだけ知っていれば大丈夫
| PART2 サンプルの紹介
| PART3 JavaScript言語仕様
| PART4 JavaScriptクイック書式一覧
| PART5 JavaScriptサイト
| オンラインサポートページ(回線をつないでください)