입력폼안에 원하는 글자를 계속 반전 시키며 디스플레이합니다.
| Script Example |
<html>
<head><title>폼안
글자 반전</title>
<script language="JavaScript">
<!---
var CurrentMsg
= 'hello ';
function
update(msg) {
var pad_str="";
n = msg.length;
if(n<72) {
pad
= (73-n)/2;
for(var
i=0; i<pad; i++) {
pad_str+=" ";
}
}
CurrentMsg = pad_str + msg;
document.messages.field.value = CurrentMsg;
clearTimeout(timer);
timer = setTimeout("idleMsg()",2000);
}
function
MakeArray(n) {
this.length=n;
for(var i = 1; i<= n; i++) {
this[i] = "";
}
return(this);
}
var index = 1;
var
notice_num = 4;
var
notices = new MakeArray(notice_num);
notices[1]
= "안녕하세요.";
notices[2] = "홈페이지
바이블입니다.";
notices[3] = "많은 도움이
되기를 바랍니다.";
notices[4] = "감사합니다";
var timer = setTimeout('idleMsg()',0);
function
nochange() {
document.messages.field.value = CurrentMsg;
}
function
idleMsg() {
update(notices[index++]);
if(index>notice_num) {
index=1;
}
}
// -->
</script>
</head>
<body>
<center>
<form name="messages" method="get" onsubmit="return
false">
<input type="text" name="field"
size="55" onchange="nochange()"
onfocus="self.status='this is a javascript
info. field'; return true">
</form>
</center>
</body>
</html> |
|
|
| 설명 |
| 파란색 부분에서 원하는 글자를 입력하세요. 멧세지를 더 늘리고 싶으시면
빨간색부분에 총 멧세지를 지정하고 파란색 부분에서 추가되는 내용을 더 적으시면
됩니다. |
|
|
|
|
