bytefxでイベント設定を行うにはbytefx.$eventを使います。bytefx.$eventの書式は以下のようになります。
bytefx.$event(対象オブジェクト, イベント名, イベント発生時の処理)
対象オブジェクトはdocument.getElementById()などで指定します。イベント名はonclick, onmouseover, onmouseoutなどを指定します。3番目のパラメータにはイベント発生時の処理を指定します。以下のサンプルでは赤いボックスをクリックするとアラートダイアログにメッセージを表示します。（サンプルを
実行する）
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>bytefx : イベントを設定</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="bytefx_OS.js"></script>
<script type="text/javascript"><!--
window.onload = function()
{
bytefx.$event(document.getElementById("box"), "onclick", msg);
}
function msg()
{
alert("クリックされました!");
}
// --></script>
</head>
<body>
<h1>bytefx : イベントを設定</h1>
<div id="box">ここをクリックしてみてください。メッセージが表示されます。</div>
</body>
</html>
[
エフェクトの目次へ]
[
「Ajaxを勉強しよう」の目次へ]
(2006.10.10)