Source Code - JsMadeEasy.com

Metachecker.net

|

FontsMadeEasy.com

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Flipping Messages
When given a text box, JavaScript can flash messages in it. Similar to a scroll, but no scrolling is involved - otherwise it would be a scroll, not a game :)



Insert into <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 into <BODY>
<CENTER> <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> </CENTER>

Other Options