Goal

My goal was to have a box of text popup when the mouse went over the logo. The box would then stay on the screen until the user clicked in the box. Once the user clicked on the box to make it go away, it would not reappear after that. (Having the box keep popping up every time the mouse rolled over the logo got annoying!)

Knowing that Microsoft's Internet Explorer and Netscape's Navigator have some browser differences, I wanted to keep these to a minimum.

I've reproduced the effect on this page, so if you want, you can roll your cursor over the Her Technology logo (if you haven't already).

Considerations

There are several ways to solve this problem. I could have used an event handler, but didn't because I have numerous other links on the page that I would have to sift through to make sure I only brought the box up when moved the mouse over the right place. There are times when you do need to use an event handler, but I can do what I want without one in thise case.

I also could have used the Navigator's LAYER tag, but didn't want to do that either, because IE doesn't have a LAYER tag. Again, I wanted to keep the code as similar as possible for the two browsers. Both browsers recognize the DIV tag and both browsers let you make something visible or hidden.

Page 2

  Want to bookmark this site? Press Control-D. (Hold down the control key and the letter D at the same time.)