Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials Customizing the Status Bar Message

Customizing the Status Bar Message


This is an increasingly popular effect if implemented correctly. This tutorials will show you the code if you want a scrolling mesage(s) in your status bar.

Place this script in the <HEAD> section of your page.

Customizing the Status Bar Message

<!--Place this script in the HEAD section. Thank you for using FireThrottle.tk-->

<script language="JavaScript" type="text/javascript">
<!--
//Visit http://ww.firethrottle.tk for this script and more

// You may edit the message below.

var startMsg = "Visit FireThrottle.tk for great tutorials and downloads";

var str = "";
var msg = "";
var leftMsg = "";

function setMessage()
{
if (msg == "")
{
str = " ";
msg = startMsg;
leftMsg = "";
}

if (str.length == 1)
{
while (msg.substring(0, 1) == " ")
{
leftMsg = leftMsg + str;
str = msg.substring(0, 1);
msg = msg.substring(1, msg.length);
}

leftMsg = leftMsg + str;
str = msg.substring(0, 1);
msg = msg.substring(1, msg.length);

for (var ii = 0; ii < 120; ii++)
{
str = " " + str;
}
}
else
str = str.substring(10, str.length);

window.status = leftMsg + str;
// This editable value (1000 = 1 second)
// corresponds to the speed of the shooting
// message.
timeout = window.setTimeout('setMessage()',100);

}
// -->
</script>

<!--Update the BODY tag for the timer function.-->

<!-- You may edit the BODY color. -->
<BODY bgcolor="ffffff" onload="timeout = window.setTimeout('setMessage()',500);">

The things you need to customize are labelled. Place this script in the HEAD section.



Author's URL: iCe
Learn HTML step-by-step from A to Z or improve your professional skills. More Tutorials: Featured Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

No comments yet...
Add comments to "Customizing the Status Bar Message"

Captcha