[IMAGE] IU SLIS logo

Demo page logo

Javascript

Here is a script that allows you to annotate your links and place the information in the status bar

When the cursor is place on the link, text appears in the status bar.

This script is placed in the body of the document and makes use of the onMouseover and onMouseout event handlers. The script is actually placed inside the anchor markup.

It makes use of the Document Object Model to call an object called status, which instructs the browser to take some action using the status bar

You want to make sure that the text is all on the same line. Also, don't use single or double quotes inside the text message

It looks like this:

<a href="somepage.html" onMouseover="window.status='Some text that you want to see at the bottom of the browser';return true"
onMouseout="window.status=''; return true">contents</A>

Make sure that the onMouseover text is all on one line. Do not let it break onto a second line or the script will not work.

And it works like this:

You can use this link to return to the contents or you can explore some of the other pages I've created.

Return to Javascript for home use.


Page by Howard Rosenbaum
Find me at hrosenba@indiana.edu http://www.slis.indiana.edu/hrosenba/www/Demo/popup.html