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
    Creating Scrolling Parallax Effects with CSS

    Introduction For quite a long time now websites with the so called "parallax" effect have been really popular. In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...

  • By
    5 HTML5 APIs You Didn’t Know Existed

    When you say or read "HTML5", you half expect exotic dancers and unicorns to walk into the room to the tune of "I'm Sexy and I Know It."  Can you blame us though?  We watched the fundamental APIs stagnate for so long that a basic feature...

Incredible Demos

  • By
    Using Opacity to Show Focus with MooTools

    I'm a huge fan of using subtle effects like link nudging (jQuery, MooTools) to enhance the user experience and increase the perceived dynamism of my websites. Trust me -- a lot of little things are what take websites to the next level.

  • By
    CSS Selection Styling

    The goal of CSS is to allow styling of content and structure within a web page.  We all know that, right?  As CSS revisions arrive, we're provided more opportunity to control.  One of the little known styling option available within the browser is text selection styling.

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!