Forum Moderators: open
onMouseOver=" window.status='Go back to my home page by clicking on that link!'; return true" onMouseOut="window.status=' '; return true"
Question is...is there a way to do this globally on a page instead of doing every (hidden css'ed) link on the page?
Boneheadicus, yeah, that's the idea. You look at the class of the item that generated the onMouseOver event and if it is the right class then you do something appropriate.
Event bubbling is based on the concept that there is a tree of tags, leading from <body> down to the tag that is generating the event. When you move the mouse over something, it generates the onMouseOver for the local tag, then generates the onMouseOver for the next tag up, etc., until it reaches the <body> tag. Any given event handler can stop the bubbling up to the next the tag. So that allows you to put global event handling on the <body> tag. Your JavaScript can then look at the thing that caused the event and determine if it wants to do something or not. I've seen it work, but have never used it for anything practical.