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