Home » Webmaster Tools and Resources » Software & Scripts » JavaScript » Alert Script » [*TITLE HERE*]

Flipping Messages Script

Use JavaScript to show flash message in a text box.

Sample:

Insert this code before </head>

<SCRIPT LANGUAGE="JavaScript">



<!-- Begin
var CurrentMsg = 'Hello?  Welcome to The JavaScript Source!!';
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.getElementById("field").value = CurrentMsg;
clearTimeout(timer);
timer = setTimeout("idleMsg()",2500);
}
function MakeArray(n) {
this.length=n;
for(var i = 1; i<= n; i++) {
this[i] = "";
}
return(this);
}
var index = 1;
var notice_num = 9;
var notices = new MakeArray(notice_num);
notices[1] = "Welcome to The JavaScript Source!";
notices[2] = "Hey, thanks for coming!  I am glad you visited!";
notices[3] = "Each message can be adjusted either in speed, or content.";
notices[4] = "The length of the message box can also be personalized to fit your needs.";
notices[5] = "More scripts to this effect can be found throughout this site.";
notices[6] = "Don't forget to get your own home page to show off all your scripts!";
notices[7] = "I hope that these scripts help you to improve your web site!!";
notices[8] = "Be sure to sign my guestbook and complete my survey before you leave!";
var timer = setTimeout('idleMsg()',1500);
function nochange() {
document.getElementById("field").value = CurrentMsg;
}
function idleMsg() {
update(notices[index++]);
if(index>notice_num) {
index=1;
   }
}
// End -->
</SCRIPT>

Insert this code before </body>

<FORM name="messages" onSubmit="return false">
<input type="text" id="field" name="field" size=73 value=" Hello?  Welcome to TJS!!" onFocus="self.status='This is a JavaScript information data field'; return true" onChange="nochange()">
</FORM>

Related Resources: