<html>
<head>
</head>
<body>
<script type="text/javascript">
var fn_jscript={
btn : {
ok : function(){ //fn_jscript.btn.ok
alert('ok버튼 클릭');
}
,no : function(){ //fn_jscript.btn.no
alert('no버튼 클릭');
}
,age : function(){ //fn_jscript.btn.age
var inputAge=Number(prompt('몇 살이니?','숫자만 입력해'));
fn_jscript.validate.NanChk(inputAge);
}
}
, calc : {
agePrint : function(inputAge){
alert('정말 ' + inputAge + '세가 맞는거야?');
}
}
, validate : {
NanChk : function (inputAge){
alert(typeof(inputAge) + ' : ' + inputAge);
if(isNaN(inputAge)){
alert("숫자를 입력하라니까...\n 다시...");
fn_jscript.btn.age();
}else {
fn_jscript.calc.agePrint(inputAge);
}
}
}
}
</script>
<div>
<input type="button" value="Good" id='okBtn' onClick="fn_jscript.btn.ok();"/>
<input type="button" value="bad" id='noBtn' onClick="fn_jscript.btn.no();"/>
</div>
<p>
<div>
<input type="button" value="Input U R age" id='ageBtn' onClick="fn_jscript.btn.age();"/>
</div>
</body>
</html>
'Java > Source_book' 카테고리의 다른 글
| 2010.07.23 DWR(Direct Web Remoting) (0) | 2010.07.26 |
|---|---|
| 2010.07.25 AJAX 최종 실습 예제 (0) | 2010.07.26 |
| 2010.07.21 Ajax DOM 을 이용한 동적으로 Table 생성 및 JSON (0) | 2010.07.21 |
| [ 2010.07.19 - 20 AJAX 실습 및 정리 ] – Word 버전 (0) | 2010.07.20 |
| [2010.07.19 ~20]JavaScript & Ajax - Image 버전 (0) | 2010.07.20 |
| 2010.07.19 AJAX (0) | 2010.07.19 |
