Javascript Status Bar

Since people have had a little trouble finding this article in the HTML Tutorials section, it is here in Javascript as well :)

There are a couple ways to change the status bar. First we'll do it by writing a function.

function Hiya() {
window.status="hiya dog";
}
function Hiya2() {
window.status="bya dog";
}

<a onMouseover=Hiya() onMouseout=Hiya2()>Put your cursor here</a>


-We create a function and name it Hiya because we like that name.
-We use Javascript's built-in window object and its status property.
-We say that is equal to "hiya dog"
-We create a nearly identical function, naming it Hiya2 and just change what it says.
-We use the built-in Javascript onMouseover and Javascript onMouseout to call our functions.


If you want to make a status mesage stick in Internet Explorer for Windows:

window.defaultStatus="Why all the dogs?";

For Safari on Mac this only shows when the window loads.

And unfortunately, none of this works on the current Firefox. Unless you can convince your Firefox users to jump through the hoop of altering their settings... sure.


<script type="text/javascript">
<!--

window.defaultStatus="Why all the dogs?";

function Hiya() {
window.status="hiya dog";
}
function Hiya2() {
window.status="bya dog";
}

-->
</script>

<a onMouseover=Hiya() onMouseout=Hiya2()>Put your cursor here</a>



Resources:
Javascript Change Fonts
Javascript Change Font Size
Javascript SetTimeout
Javascript Concat Use Concat to Join Two Arrays in Javascript
Javascript Join Use Join to Make an Array into a String in Javascript
Javascript Splice Use Splice to Replace Items in an Array in Javascript
Javascript Slice Use Slice to Get Items from an Array in Javascript
Javascript Reverse Use Reverse on Items in an Array in Javascript
Javascript Sort Use Sort on Items in an Array in Javascript
Javascript Shift Use Shift to Remove Items from the Beginning of an Array in Javascript
Javascript Pop Use Pop to Remove Items from the End of an Array in Javascript
Javascript Unshift Use Unshift to Put Items on the Front of an Array in Javascript
Javascript Array Create an Array in Javascript
Javascript Push Use Push on an Array in Javascript
Javascript Referrer
Javascript Reset Form

Javascript Query String
Javascript Tutorials
HTML Tags
Perl Tutorials
HTML Codes



Click HERE to comment or discuss at iLoveTheCode GOOGLE Group

Previous Article: Javascript SetTimeout

Next Article: Javascript Redirect

CSS Mastery Andy Budd, Simon C... New $23.09	Struts 2 in Action Don Brown, Chad Da... New $29.69	Pro CSS and HTML Design Patterns Michael Bowers New $29.69
HTML, XHTML, and CSS, Sixth Edition ... Elizabeth Castro New $23.09	Bulletproof Web Design Dan Cederholm New $26.39	Creating Web Sites Matthew MacDonald New $19.77
Build Your Own Website The Right Way... Ian Lloyd New $19.77	CSS David McFarland New $23.09	JavaScript David Flanagan New $31.49

Privacy Information