イベント3
イベント3
<?xml version="1.0" encoding="utf-8" ?><br /><br />
<!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>イベント3</title>
<!-- イベント3 -->
<script src="../js/prototype.js" type="text/Javascript"></script>
<script src="../js/funcs.js" type="text/Javascript"></script>
<script src="../js/test3.js" type="text/Javascript"></script>
</head>
<body>
<form id=frm name=frm>
<br />
登録ユーザID<input type=text id=userid name=userid value=""><br />
登録氏名の情報<br />
<div id=usernm name=usernm></div><br />
</form>
</body>
</html>
<!--
test3.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="<table style='background-color:lightgreen' border=1><tr><td>ID</td><td>Name</td></tr><tr><td>10</td><td>user name</td></tr></table>";
break;
case 20:
name="<table style='background-color:lightgreen' border=1><tr><td>ID</td><td>Name</td></tr><tr><td>20</td><td>test name</td></tr></table>";
break;
case 30:
name="<table style='background-color:lightgreen' border=1><tr><td>ID</td><td>Name</td></tr><tr><td>30</td><td>another name</td></tr></table>";
break;
}
$("usernm").innerHTML = name;
}
--------------------------------------------------
-->
|
|