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
    Vibration API

    Many of the new APIs provided to us by browser vendors are more targeted toward the mobile user than the desktop user.  One of those simple APIs the Vibration API.  The Vibration API allows developers to direct the device, using JavaScript, to vibrate in...

  • By
    Page Visibility API

    One event that's always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When do they come back?

Incredible Demos

  • By
    Create a Sexy Persistent Header with Opacity Using MooTools or jQuery

    I've been working with the Magento eCommerce solution a lot lately and I've taken a liking to a technique they use with the top bar within their administrative control panel. When the user scrolls below a specified threshold, the top bar becomes attached to the...

  • By
    Flexbox Equal Height Columns

    Flexbox was supposed to be the pot of gold at the long, long rainbow of insufficient CSS layout techniques.  And the only disappointment I've experienced with flexbox is that browser vendors took so long to implement it.  I can't also claim to have pushed flexbox's limits, but...

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!