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
    Write Simple, Elegant and Maintainable Media Queries with Sass

    I spent a few months experimenting with different approaches for writing simple, elegant and maintainable media queries with Sass. Each solution had something that I really liked, but I couldn't find one that covered everything I needed to do, so I ventured into creating my...

  • By
    CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

Incredible Demos

  • By
    Prevent Page Zooming in Mobile Browsers

    Ever since I got my iPhone, I've been more agreeable in going places that my fiancee wants to go. It's not because I have any interest in checking out women's shoes, looking at flowers, or that type of stuff -- it's because my iPhone lets...

  • By
    iPad Detection Using JavaScript or PHP

    The hottest device out there right now seems to be the iPad. iPad this, iPad that, iPod your mom. I'm underwhelmed with the device but that doesn't mean I shouldn't try to account for such devices on the websites I create. In Apple's...

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!