イベントハンドラ
イベントハンドラ
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD.xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta HTTP-EQUIVE="Content-Type" CONTENT="text/html;charset=utf-8" />
<title>イベントハンドラ</title>
<!-- イベントハンドラ -->
<script src="../js/prototype.js" type="text/Javascript"></script>
<script src="../js/test6.js" type="text/Javascript"></script>
</head>
<body>
<form id=frm name=frm>
<input type=button id=btnStory1 name=btnStory1 value="物語その１" /><br />
<input type=button id=btnStory2 name=btnStory2 value="物語その２" /><br />
<!-- 結果を表示 -->
<div id=dispResult></div>
</form>
</body>
</html>
<!--
test6.js
//画面が呼び出されたタイミングで実行します。
Event.observe( window, 'load', registEvent );
//ボタンの実装
function registEvent()
{
//1個目のボタン
Event.observe(
'btnStory1',
'click',
function()
{
$("dispResult").innerHTML = "むかしむかし、\nうらしまは\nたすけたかめにつれられて";
}
);
//2個目のボタン
Event.observe(
'btnStory2',
'click',
function()
{
$("dispResult").innerHTML = "さるときじといぬは\nきびだんごをもらって\nけらいになりました。";
}
);
}
--------------------------------------------------
-->
|
|