[Résolu] Conflit entre 2 liens avec du "onmouseover" !?

Hello tout le monde,

Une chose toute bête ... mais trop bête pour que je trouve (c'est dire mon niveau :x)

J'ai insérer un lien dans ma page de ce style

<a href="#" onmouseover="bouton.src = './images/buton_news_hover.gif';" onmouseout="bouton.src = './images/buton_news.gif';" style="margin-left:50px;">
       <img src="./images/buton_news.gif" border="0" width="150" height="60" name="bouton" alt="" />
</a>

Donc tout fonctionne bien comme vous pouvez le voir à cetet adresse, mes images sont bien dans le rep et tout, nikel ...

Mon problème, j'ai fabriqué un autre bouton, et si je fais un copié/collé du code ci-dessus, en remplacant les images par les nouvelles et en changeant l'attribut "name", bah ça marche pas !!!

une explication !?

Merci d'avance
Modifié par tcyrill2 (04 Nov 2007 - 18:53)

Salut,

T'es sûr d'avoir changer le name ?

Parce que dans ton code source, c'est le même name...

Sinon pour faire cela, je te conseille de le faire en CSS en te basant sur ceci :

http://css.alsacreations.com/Construction-de-menus-en-CSS/Creer-des-menus-simples-en-CSS#menugraphique

A+

bonjour,

sinon, met des id (différent pour chaque image).

exemple:

<a href="#" onmouseover="javascript:document.getElementById('bouton1').src = './images/buton_news_hover.gif';" onmouseout="javascript:document.getElementById('bouton1').src = './images/buton_news.gif';" style="margin-left:50px;">

       <img src="./images/buton_news.gif" border="0" width="150" height="60" name="bouton" id = "bouton1" alt="" />

</a>

++

Alors, Alors,

Hu², deux réponses il y en a qui sont bien matinaux pour un dimanche

Don MySharrascript , j'ai testé en mettant un id différent à chaque et rien ne change, le "onmouseover" n'est pas plus actif

Voici mon code :

<a href="#" onmouseover="bouton.src = './images/buton_news_hover.gif';" onmouseout="bouton.src = './images/buton_news.gif';"><img src="./images/buton_news.gif" border="0" width="150" height="60" name="bouton" id="bouton_news" alt="" /></a>

<a href="#" onmouseover="bouton.src = './images/buton_forum_hover.gif';" onmouseout="bouton.src = './images/buton_forum.gif';" style="margin-left:25px;"><img src="./images/buton_forum.gif" border="0" width="150" height="60" name="bouton" id="bouton_forum" alt="" /></a>   

Me reste plus que ta soluce Hacken

Merciii

Salut,

effectivement tu as gardé le name="bouton" pour la seconde image. Tu pourrais mettre name="forum" et remplacer dans le <a> bouton.src par forum.src .

A+

salut tcyrill2,

Normal que cela ne fonctionne pas, vu que tu n'as pas fait le même code que je t'ai fourni

Relis mon post et regarde bien dans le onmouseover et le onmouseout, il y a une sacrée différence avec ce que tu as fait^^

++

Ouep, merci Heyoan, ta solution marche nikel

PS : j'ai "re"testé la tienne MySharrascript, j'ai le même résultat qu'a l'initial :x

Mercii les gars