AJAXのお勉強

prototype.js イベント追加(observe)＠AJAX

イベントを追加します。
Event.observeを利用して、イベントを追加できます。

Event.observe(オブジェクト,イベント名,イベントの処理,Boolean)
オブジェクト：イベントを処理を追加したいオブジェクト
イベント名：「click」などの様に、onを取り除きます
イベント処理：実行時の処理を記述します。
Boolean：falseだとイベントバブルアップになります。

下記では、ロード時にボタンにDivタグを表示する処理を追加しています。


<html>
<head>
<title>prototype.js observe</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
<!--

window.onload = function (){
    $("div1").hide();
    Event.observe($("btn"), "click", showDiv, true);
}
function showDiv(){
    $("div1").show();
}

// -->
</script>
</head>
<body>
<input id="btn" type="button" value="表示">

<div id="div1">
ボタンクリックで表示
</div>

</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.