Snap Builder HTML5 CSS3 Free Public Codes Library


<html>
<head>
<title>Alternating Message Text Box Javascript Code Snippet</title>

<style>
BODY {font-family:verdana,arial,ms sans serif; font-size:90%;}
textarea.test {width:350px; height:20px; border:#e6e6e6 solid 1px;}
</style>

<script>
/*
// Begin Alternating Message Text Box
// == This Script Free To Use Providing This Notice Remains ==
// == This Script Has Been Found In The http://www.SnapBuilder.com Free Public Codes Library ==
// == NOTICE: Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply ==
// == Created by: Sandeep Gangadharan | http://sivamdesign.com/scripts// : Creative Commons License ==
*/
var text = 0;
var message=new Array();
message[0] = "Welcome to SnapBuilder.com!"
message[1] = "Tons of scripts for your Web pages"
message[2] = "Why not share your scripts with others?"
message[3] = "Be sure to come back again..."
function changeText() {
        if (message.length > 0) {
                document.change.descript.value=message[text];
                text++;
        }
        if (text == 4) {text = 0; }  // change the # 4 at the left to the maximum # of message lines you want included
        window.setTimeout("changeText()", 3500); }  // change the # on the left to adjust the speed of the
// scroll. The smaller the number the faster the speed
// Multiple onload function created by: Simon Willison
// http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(func) {
        var oldonload = window.onload;
        if (typeof window.onload != 'function') {
                window.onload = func;
        } else {
                window.onload = function() {
                        if (oldonload) {
                                oldonload();
                        }
                        func();
                }
        }
}
addLoadEvent(function() {
        changeText();
});
</script>

</head>
<body style="background-color:#ffffff;">

<form name="change">
<textarea class="test" name="descript" wrap="virtual"></textarea>
</form>

<br /><br />
<p>Create as many message[#] as you need... just number them in numerically.</p>
<p>Change ==&gt; if (text == 4) {text = 0; } // change the # 4 at the left to the
maximum # of message lines you want included.</p>
<p>Adjust the STYLES to suit your needs.</p>
<p>You can transfer the 'javascript' code to an external file to minify your page size.</p>

</body>
</html>