onMouseOver dans un tableau

**webophage** · 01/01/2009, 02h38

Bonjour et bonne année à tous,

voici mon problème:

j'ai crée un tableau avec des images comme contenu. J'aimerais que lorsqu'on survole les images dans le tableau une autre s'affiche à la place.

J'ai donc écrit le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<a href="javascript:;"onMouseOver="document.logomaster2lce.src='avatars_profs/xxx.gif';"
      onMouseOut="document.logomaster2lce.src='image_background/logomaster2lce.png';">

Il marche très bien et j'obtiens le résultat voulu.

Mais quand je mets la fonction plusieurs fois de suite, dans une balise td différente à chaque fois, Javascript ne s'exécute plus.

Comme je suis plus que débutant en Javascript, je ne sais pas comment résoudre le problème.

Merci pour l'aide

webophage

**SpaceFrog** · 01/01/2009, 10h56

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function rollover(){
                             document.logomaster2lce.src=(document.logomaster2lce.src=='avatars_profs/xxx.gif')?'avatars_profs/xxx.gif':'image_background/logomaster2lce.png';
}
 
<a href="javascript:void(0);" onMouseOver="new rollover()"    onMouseOut="new rollover()" >

**webophage** · 01/01/2009, 23h09

Bonsoir,

merci et promis je ne mettrai plus jamais "problème"

dans mon titre.

Webophage

**cid971** · 02/01/2009, 18h32

bonjour excuser moi de squatter ce topic mais j'ai le même problème sauf que mon code n'est pas le même mais lorsque je teste mon site en local (sur mon pc) le rollover fonctionne mais quand je le met en ligne sa ne fonctionne pas

voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td height="124"><a href="contact.html"><img src="image/menu/contact.png" width="139" height="124" border="0" onMouseOver="this.src='file:///Users/kevin/Documents/site%20v2/image/menu/contactroll.png'" onMouseOut="this.src='file:///Users/kevin/Documents/site%20v2/image/menu/contact.png'"></a></td>

j'ai 5 code de ce type pour le menu de mon site

**SpaceFrog** · 02/01/2009, 18h39

mets le path en relatif et pas en absolu ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onMouseOver="this.src='image/menu/contactroll.png'" onMouseOut="this.src='image/menu/contact.png'">

le chemin du fichier dépendra de l'arborescence des répertoires de ton site ..

**cid971** · 02/01/2009, 18h52

oui effectivement je l'avait fait sur une de mes page mais même phénomène

http://littlecitycrew.servhome.org/mixtape.html sur cette page tu petu vérifier les path (avec firefox) du menu son en relatif mais le rollover ne fonctionne pas
edit: le rollover fonctionne mais pas sous firefox je viens de testez avec safari et opera

**Bovino** · 02/01/2009, 19h07

Le rollover fonctionne bien chez moi (FF2).

**cid971** · 02/01/2009, 19h25

bin c'est mon FF3 qui ne le reconnais pas merci de votre aide

**SpaceFrog** · 02/01/2009, 20h35

les boutons du menu qui passent au rouge ?

j'ai FFX3 et ça marche ...
y'a même un leger decalage au moment du survol ...

perso je te conseillerais plutot de jouer du background position plutot que de changer le src ...