Lo que quiero es que me guncione para varios DIVs que tengo en la misma página, y en vez de tener un id definido en la función me gustaría saber cómo hago para que levante el ID de manera automática desde el botón/link que uso.
JAVASCRIPT
Código :
<script language="javascript" type="text/javascript">
<!--
//Funcion que muestra el div en la posicion del mouse
function showdiv(event)
{
//determina un margen de pixels del div al raton
margin=-270;
//La variable IE determina si estamos utilizando IE
var IE = document.all?true:false;
//Si no utilizamos IE capturamos el evento del mouse
if (!IE) document.captureEvents(Event.MOUSEMOVE)
var tempX = 0;
var tempY = 0;
if(IE)
{ //para IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}else{ //para netscape
tempX = event.pageX;
tempY = event.pageY;
}
if (tempX < 0){tempX = 0;}
if (tempY < 0){tempY = 0;}
//modificamos el valor del id "posicion" para indicar la posicion del mouse
//document.getElementById('posicion').innerHTML="PosX = "+tempX+" | PosY = "+tempY;
document.getElementById('ene1').style.top = (tempY+margin);
document.getElementById('ene1').style.left = (tempX+margin);
document.getElementById('ene1').style.display='block';
return;
}
-->
</script>
HTML
Código :
<a href="#ene1" onmouseover="showdiv(event);" onmousemove="showdiv(event);" onmouseout="javascript:document.getElementById('ene1').style.display='none';" style="cursor:pointer;"><strong>1</strong></a>
<div id="ene1">Contenido</div>
Gracias de antemano.... abrazos
