I have a popup div that appears when you hover over a link (Description Here). Problem 1 is that it’s not showing next to the cursor. Next problem is that I want a popup for EACH link in the table. HELP?! Thank you!
Example is here: [url]http://www.concrete-creative.com/icix/training.html
Code here:
[CODE]
function ShowPopup(hoveritem)
{
hp = document.getElementById(“hoverpopup”);
// Set popup to visible
hp.style.top = hoveritem.offsetTop + 18;
hp.style.left = hoveritem.offsetLeft + 20;
hp.style.visibility = “Visible”;
}
function HidePopup()
{
hp = document.getElementById(“hoverpopup”);
hp.style.visibility = “Hidden”;
}
[CODE]
<a id=”hoverover” style=”cursor:default;” onMouseOver=”ShowPopup(this);” onMouseOut=”HidePopup();”>Description Here</a>
[CODE]
<div id=”hoverpopup” style=”visibility:hidden; position:absolute; top:0; left:0;”>
<table width=”198″ border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#FFFFFF”>
<!– Top blue header –>
<tr>
<td><img src=”images/comment_left.jpg” width=”8″ height=”28″ alt=”” border=”0″></td>
<td background=”images/comment_mid.jpg” width=”182″ valign=”top” class=”maintable_header”><b>Training Event Name</b></td>
<td><img src=”images/comment_right.jpg” width=”8″ height=”28″ alt=”” border=”0″></td>
</tr>
<tr>
<td valign=”top” colspan=”3″ width=”198″ class=”comment”>Full description here.
Cras quis tellus turpis. Proin
sit amet tristique massa.</td>
</tr>
</table>
</div>