イベント4
イベント4
<?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>イベント4</title>
<!-- イベント4 -->
<script src="../js/prototype.js" type="text/Javascript"></script>
<script src="../js/funcs.js" type="text/Javascript"></script>
<script src="../js/test4.js" type="text/Javascript"></script>
</head>
<body>
<form id=frm name=frm>
登録ユーザID<input type=text id=userid name=userid value=""><br />
</form>
</body>
</html>
<!--
test4.js
//画面が呼び出されたタイミングで実行します。
Event.observe( window, 'load', onFocusEvent );
//keyup:キーが離れたときのイベント
function onFocusEvent()
{
Event.observe('userid' , 'keyup', funcXhtml );
}
function funcXhtml(){
var id=parseInt(document.getElementById("userid").value);
var name="";
switch(id)
{
case 10:
name="user name";
break;
case 20:
name="test user";
break;
case 30:
name="another user";
break;
}
if(name!="")
{
alert("イベントが実行されました。\n内容 : " + name);
}
}
--------------------------------------------------
-->
|
|