so geht das vom prinzip...
<HTML>
<HEAD>
<STYLE type="text/css">
#info {
position: absolute;
z-index: 0;
visibility: hidden;
padding: 3px;
background-color: #EEEEEE;
border: 1px solid #666666;
font-size: 12px;
}
</STYLE>
<SCRIPT language="javascript" type="text/javascript">
function show(cell)
{
var info = document.getElementById('info');
info.innerText = 'Zusätzl. Information zum ' + cell.innerText;
info.style.top = event.clientY;
info.style.left = event.clientX;
info.style.zIndex = 2;
info.style.visibility = 'visible';
}
function hide(cell)
{
var info = document.getElementById('info');
info.style.visibility = 'hidden';
info.style.zIndex = 0;
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE cellpadding="3" cellspacing="2" border="1" style="z-index:1">
<TR>
<TD onMouseOver="show(this)" onMouseOut="hide()">1. Eintrag</TD>
<TD onMouseOver="show(this)" onMouseOut="hide()">2. Eintrag</TD>
<TD onMouseOver="show(this)" onMouseOut="hide()">3. Eintrag</TD>
<TD onMouseOver="show(this)" onMouseOut="hide()">4. Eintrag</TD>
</TR>
<TR>
<TD onMouseOver="show(this)" onMouseOut="hide()">5. Eintrag</TD>
<TD onMouseOver="show(this)" onMouseOut="hide()">6. Eintrag</TD>
<TD onMouseOver="show(this)" onMouseOut="hide()">7. Eintrag</TD>
<TD onMouseOver="show(this)" onMouseOut="hide()">8. Eintrag</TD>
</TR>
<TR>
<TD onMouseOver="show(this)" onMouseOut="hide()">9. Eintrag</TD>
<TD onMouseOver="show(this)" onMouseOut="hide()">10. Eintrag</TD>
<TD onMouseOver="show(this)" onMouseOut="hide()">11. Eintrag</TD>
<TD onMouseOver="show(this)" onMouseOut="hide()">12. Eintrag</TD>
</TR>
</TABLE>
<DIV id="info"></DIV>
</BODY>
</HTML>
das ganze ist natürlich nur en rohbau, der das prinzip verdeutlichen soll!
achtung - die pos-angaben (clientX, clientY) funzen nur beim IE...
...musst mal schauen, was man da äquivalent für NS nimmt.
grtz
chief