Mostrar una capa en una posición concreta

[xinxan22]

Hola, me gustaría mostrar de una lista una imagen dentro de una capa y claro está, me gustaría que la capa, apareciera junto a la palabra del listado (en el mismo sitio donde está el cursor del ratón) y no en una posición exacta, por ejemplo, top=50; left=50; esto sería para que me apareciera siempre en 50 50 y me gustaría que me apareciera en la X X dependiendo de donde le hago el onMouseOver (le paso el raton por encima).
gracias.

[locojars]

Esta funcion te las coordenadas X,Y donde has hecho el mouseOver

Código:

function posCursor(ev)
{
var px, py, cadena, obj;
if (!document.all)
       {
       event = ev;
       py = ev.pageY;
       px = ev.pageX;
       }
else{
       py = event.clientY +document.body.scrollTop;
       px = event.clientX +document.body.scrollLeft;
       }
alert("X: "+px+" Y: "+py);
}

Código HTML:

<inpu type="button" value="Aqui" onMouseOver="posCursor(event)"> 

Como podras ver ahi ya tienes las coordenas solamente tendrias que algo como esto para que tu capa aparezca donde has hecho el mouseover

Código:

   var Obj  = document.getElementById("el_id_de_tu_capa")
  Obj.style.position.left = px;
   Obj.style.position.right = py;

A ver si esto te ayuda.
Salu2,
Jars

[xinxan22]

Esto no me funciona:

var Obj = document.getElementById("el_id_de_tu_capa")
Obj.style.position.left = px;
Obj.style.position.right = py;