{+REP] Mouse over - popup

[Tim.]

Hello there,

I'm basically in a current project (disciplesofrhythm.com). I'm basically in need of a script which will have a floating box or something when a user puts their mouse over a hot spot.

Basically its a bar of music, then when they place their mouse over the hotspot i explain what the notation is in a little floating popup or whatever, It would be nice for me to be able to easily change it.

So im looking for a script, any one help?

+rep.

[Jxhn]

<div id="infobox" style="width: 125px; position: fixed; top: 50%; z-index: 1; margin: auto; background-color: white; border: 1px solid #000000; display:none;">blah blah music notes <br><a href="#" onClick="document.getElementById('infobox').style.display=' none'">[X]</a>
</div>
<a href="#" onClick="document.getElementById('infobox').style.display=' block'">Click here for box thingy</a>

Hopefully that would work.

[help23]

Another script could be the one found here: http://www.javascriptkit.com/script/script2/htmltooltip.shtml

Although to be honest the script above seems more easy to add into the sites html. This one is quite long and is from a free javascript source so might only be good for edditing or using as a template anyway :D

[Jxhn]

Another script could be the one found here: http://www.javascriptkit.com/script/script2/htmltooltip.shtml

Although to be honest the script above seems more easy to add into the sites html. This one is quite long and is from a free javascript source so might only be good for edditing or using as a template anyway :D

That's probably a better answer than mine. I got thrown by the word "popup".

[MasterFM]

Why not use jQuery?