定期的にフォーム内容の変更をチェックする

書式

new Form.Observer(form, sec, eventFunc)

form : 監視対象とするフォーム
sec : 定期的に監視する間隔(秒で指定)
eventFunc : 内容が変更された時に呼び出す処理

説明

定期的にフォーム内容の変更をチェックするにはForm.Ovserver()を使います。これは指定された秒数でフォーム内容が変更されたかどうかを監視します。内容が変更されると設定した関数が実行されます。関数にはパラメータとして入力フォームのオブジェクトへの参照と値が渡されます。渡される値は「名前=値&名前=値」のように名前と値がペアの文字列になります。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
window.onload = function(){
new Form.Observer("aForm", 0.5,
function(element, value){
$("result").innerHTML = element.id+"の内容は"+value+"に変更されました";
}
);
}
// --></script>
</head>
<body>
<h1>フォームを定期的に監視する</h1>
<form id="aForm">
<input type="text" value="" name="textField1">
<select name="selMenu">
<option value="1">No.1</option>
<option value="2">No.2</option>
</select>
</form>
<div id="result"></div>
</body>
</html>