Use JavaScript to Change the Window Status Message

By  on  

Though I don't normally recommend modifying the browser's default behaviors, changing the window's status bar does have its place. The window status bar can pass descriptive information about the element the user is hovering over or can hide the URL from users that don't understand source code enough to figure it out for themselves.

The JavaScript

window.status = 'Hello!  You are hovering over me.';

Recent Features

  • By
    JavaScript Promise API

    While synchronous code is easier to follow and debug, async is generally better for performance and flexibility. Why "hold up the show" when you can trigger numerous requests at once and then handle them when each is ready?  Promises are becoming a big part of the JavaScript world...

  • By
    Create a Sheen Logo Effect with CSS

    I was inspired when I first saw Addy Osmani's original ShineTime blog post.  The hover sheen effect is simple but awesome.  When I started my blog redesign, I really wanted to use a sheen effect with my logo.  Using two HTML elements and...

Incredible Demos

  • By
    Google-Style Element Fading Using MooTools or jQuery

    Google recently introduced an interesting effect to their homepage: the top left and top right navigation items don't display until you move your mouse or leave the search term box. Why? I can only speculate that they want their homepage as...

  • By
    Using Opacity to Show Focus with jQuery

    A few days back I debuted a sweet article that made use of MooTools JavaScript and opacity to show focus on a specified element. Here's how to accomplish that feat using jQuery. The jQuery JavaScript There you have it. Opacity is a very simple but effective...

Discussion

  1. Thanks, but it wont work in IE7… Just IE6..

  2. Thank you for mentioning this Selim. It looks as though IE7 has disabled this functionality.

  3. Yes, unfortunately custom status messagges are removed from ie7. I have searched it for a month ago :)

  4. thank you, i really appreciate all your tuts

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!