[nellystl]

Outside of manipulation scripts and having read a few chapters from the book on JavaScript that I just purchased, I am a novice when it comes to JavaScript, so please forgive me if I happen to misuse some terminology when asking this question.

The Problem: Until I can create my own, does anyone know of a script or tutorial that will create a popout window when a user hovers over a link?

When a user hovers over a link, I would like a window to popout that provides some additional information (i.e. text and a couple of links) about the links before they make a selection. When they mouse off of the link, it disappears.

View the Effect: It can be viewed at http://www.amazon.com and selecting the "See all 41 Product categories at the top of the page.

While I find the intellitext ads to be annoying, I do like the pop out windows that they have created. Is this created with JavaScript? Example in the middle of the page: http://webscripts.softpedia.com/scri...ows-13721.html

Thank you in advance for any insight or assistance that is provided.

[TwoD]

These are not actual windows. They are really just plain, absolutely positioned, <div> tags which get their style.display property set to "block" onmouseover (and it plays a small "animation" by moving the box a bit) , and "none" onmouseout.

They also use a setTimeout before running the code which removes the box so it takes a while before the box disappears.
Some code triggered by the box's onmouseover handler probably also clears the timeout so if the user moves away from the link and onto the popup itself, it won't disappear.

The box also has an onmouseut handler, running the same code as the link's onmouseout handler does so the box will disappear when the cursor moves away from it.

You could also use onmousemove to make the box move along slightly near the cursor position (you get that easily from the event object) while moving it above the link.

Hope I didn't confuse you too much with all those event handlers hehe.