Hola
El mismo ejemplo para dos post consecutivos
Código javascript
:
Ver original<html>
<head>
<script type="text/javascript">
function PosicionAbsolutaElemento(element) {
if (typeof element == "string")
element = document.getElementById(element)
if (!element) return { top:0,left:0 };
var y = 0;
var x = 0;
while (element.offsetParent) {
x += element.offsetLeft;
y += element.offsetTop;
element = element.offsetParent;
}
return {top:y,left:x};
}
function Show(elElemento,Ventana) {
var PosElemento = PosicionAbsolutaElemento(elElemento);
posLeft = parseInt(PosElemento.left);
posTop = parseInt(PosElemento.top);
document.getElementById(Ventana).style.left = posLeft + "px";
document.getElementById(Ventana).style.top = posTop + "px";
document.getElementById(Ventana).style.display="block";
alert("Left: " + posLeft + " Top: " + posTop)
}
function Hide(Div)
{
document.getElementById(Div).style.display="none";
}
</script>
</head>
<body>
<div id="DivAlertas" style="z-index:1000; position:absolute; top:0px; left:0px; overflow:hidden; display:none;">Una Capa</div>
<table border="1px">
<tr height="100px">
<td>Una prueba</td>
</tr>
</table>
<img id="img" alt="" src="icono_alertas_azul.gif" width="26" height="26" align="middle" onmouseover="javascript: Show(this.id,'DivAlertas')" onmouseout="javascript: Hide('DivAlertas')" style=" margin-top:-3px; border-width:0px;"/>
</body>
</html>
Suerte