Discussion :

[webophage]

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]

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]

Bonsoir,

merci et promis je ne mettrai plus jamais "problème" dans mon titre.

Webophage

[cid971]

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]

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]

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]

Le rollover fonctionne bien chez moi (FF2).

[cid971]

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

[SpaceFrog]

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 ...

[cid971]

je ne demande qu'a apprendre comment faire avec le background prosition (je suis débutant)

[SpaceFrog]

par exemple :

http://sophie-g.net/jobs/css/e_buttons.htm

[cid971]

merci pour votre aide