と思っていましたが、これからは2009/6/6からは、今までプログラムを作成する中でどうしても記録に残しておきたいものをメモとして残していきたいと思います。
EXCEL以外に追加したのは、JavaScript、Ajax、GoogleMaps、ＰＨＰです。みなさんにも参考になったらこの上ない喜びです。
メニューへ戻る
J1.JavaScriptの基礎
JavaScriptのプログラムは、ブラウザに読み込まれると同時に実行されるか、または「イベント発生」→「プログラム内での処理」→「ユーザへの出力」という順で実行されるかのどちらかです。
「クリックしてね」をクリックするとポップアップで「初めてだよ」と表示する超簡単なJavaScriptのプログラム。
○プログラム
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<script type="text/javascript">
function hello(){
alert ("初めてだよ");
}
</script>
<title></title>
</head>
<body>
<button onclick="hello();">クリックしてみてね</button>
</body>
</html>
解説
<script type="text/javascript"> 〜 </script>
これはJavaScriptですよ、という宣言
function hello(){
alert ("初めてだよ");
}
これは、hello()という名前で関数を定義。
この関数が実行されると、ポップアップで「初めてだよ」と表示するよ、という定義
<button onclick="hello();">クリックしてみてね</button>
クリックされたら、hello()という関数を実行しなさい、ということ。
特定のイベントに対して関数などの処理を関連つけるのに利用するものをイベントハンドラという。また、イベントに結びつけられた関数を、特にイベントハンドラ関数という。ここでは、下線の「onclick」
【その他のイベントハンドラ】
| イベントハンドラ | 意味 |
| onabort | イメージの読込みが中断された時 |
| onblur | フォーカスを失った時 |
| onclick | クリックされた時 |
| ondblclick | ダブルクリックされた時 |
| onkeydown | キーが押された時 |
| onkeypress | キーがしばらく押された時 |
| onkeyup | 押されたキーが離された時 |
| onmousedown | マウスボタンが押された時 |
| onmouseup | マウスボタンが離された時 |
| onmouseover | マウスカーソルがそのオブジェクトの上に乗った時 |
| onmouseout | マウスカーソルがそのオブジェクトの上から離れた時 |
| onmousemove | マウスカーソルが移動した時 |
| onload | ページが読込まれた時 |
| onunload | 他のページに移動する時 |
| onfocus | フォーカスを得た時 |
| onsubmit | フォームがサブミットされた時 |
| onreset | フォームがリセットされた時 |
| onchange | フォーム部品の内容が変更された時 フォーム部品にフォーカスが移動した時 |
| onresize | ウィンドウがリサイズされた時 |
| onmove | ウィンドウが移動れた時 |
| ondragdrop | ファイルがウィンドウにドラッグ＆ドロップされた時 |
| onabort | イメージの読込みが中断された時 |
| onerror | 読込みが失敗した時 |
| onselect | テキストが選択された時 |
ソースはこちらからどうぞ
これは自分がわかるようにメモのように作成しているので、あしからずです！
メニューへ戻る