[Réglé] Popup en javascript + CSS / au survol d'une image

Hello,

J'ai récupéré un script dans les tutos d'Alsa afin de faire apparaître une div masqué lorsque le pointeur survole un texte sur lequel est placé un lien.

Mon problème est que je ne veux pas que ce soit le survol d'un texte qui déclenche l'apparition de la div, mais bien une image.

Or le script java n'est pas conçu pour cela.

Un connaisseur pourrait-il m'aider à adapter le script au survol d'une image ?

L'image devant laisser apparaître une div lorsqu'on la survole :

<a href="#pop1" class="pop"><img src="images/def.gif" alt="Définition" width="11" height="8" class="def" /></a>

Le code js à adapter :

gk=window.Event?1:0; // navigateurs Gecko ou IE
D=document;popup=encours=0

function ctrl(e)
{
de=!D.documentElement.clientWidth?D.body:D.documentElement // IE6
sx=gk?pageXOffset:de.scrollLeft //scroll h
sy=gk?pageYOffset:de.scrollTop //scroll v
x=gk?e.pageX:event.clientX+sx; //curseur x
y=gk?e.pageY:event.clientY+sy; //curseur y
el=gk?e.target:event.srcElement;
if(!el.tagName)el=el.parentNode; // noeud #text
if(el.className == 'pop')
  {
  popup = D.getElementById(el.href.substring(el.href.lastIndexOf('#') + 1)).style; 
  if(popup!=encours) // seulement si changement  
    {
    encours.display='none';
    with(popup){display="block";left=x+'px';top=y+10+'px';}
    encours=popup;
    }
  } else {encours.display='none';encours=0}
}

D.onmousemove=ctrl
// charge la feuille de style des popups.
D.write('')

Les CSS :

#pop1 {
position:absolute;
top:50px;
display:none;
width: 18em;
border:2px double black;
background: #FF9100;
z-index: 1500;
font-size: 100%;
margin-left:0px;
margin-right:0px;
margin-top:30px;
}

#pop1 p {
margin:0px 6px 6px 6px;
}

#pop1 h3, #pop2 h3, #pop3 h3, #pop4 h3, #pop5 h3, #pop6 h3, #pop7 h3, #pop8 h3 {
font-size: 100%;
margin: 0 0 0.5em 0;
border-bottom: 1px solid black;
background: white url(top.gif) left top repeat-x;
text-align: center;
}

Pour info je suis venu poster ici car je viens de découvrir que le problème vient de javascript. Le thread original est ici.
Modifié par karnabal (10 Jul 2006 - 22:54)