La fonction "onmouseover"

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu La fonction "onmouseover"

Message par emc2 Dim 1 Fév 2015 - 19:59

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis toujours
Lien du forum : http://chevaux-passions.forumactif.org/

Description du problème

Bonjour,

J'utilise ce codage pour donner un effet dynamique sur mes boutons dans le cadre "description du forum". Si un seul bouton fonctionne bien. C'est-à-dire que lorsque la souris survole, le bouton change d'apparence. Lorsque je veux mettre deux, trois ou plus de bouton, le codage ne marche pas. Les boutons se mélangent, ou même parfois leur apparence ne change pas au survol du curseur:

Code:
<a href="http://chevaux-passions.forumactif.org/f1-presentations">    <img id="bt1" onmouseout="bt1.src='http://i38.servimg.com/u/f38/19/10/43/19/reglem10.png'" onmouseover="bt1.src='http://i38.servimg.com/u/f38/19/10/43/19/reglem11.png'" src="http://i38.servimg.com/u/f38/19/10/43/19/reglem10.png" /> </a>

Pour chaque bouton, je renomme bt1, bt2, bt3, etc ...


Dernière édition par emc2 le Lun 2 Fév 2015 - 21:55, édité 1 fois
emc2

emc2
*****

Messages : 555
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La fonction "onmouseover"

Message par Scoubifitz Dim 1 Fév 2015 - 21:43

bonsoir,

Après un petit essai , je ne vois pas où est le problème ...

Code:
<a href="http://chevaux-passions.forumactif.org/f3-reglement-interieur">
<img src="http://i38.servimg.com/u/f38/19/10/43/19/reglem10.png" onmouseover="poum1.src='http://i38.servimg.com/u/f38/19/10/43/19/reglem11.png'" onmouseout="poum1.src='http://i38.servimg.com/u/f38/19/10/43/19/reglem10.png'" id="poum1"></a>
<a href="http://chevaux-passions.forumactif.org/f1-presentations">
<img src="http://i38.servimg.com/u/f38/19/10/43/19/presen10.png" onmouseover="poum2.src='http://i38.servimg.com/u/f38/19/10/43/19/presen11.png'" onmouseout="poum2.src='http://i38.servimg.com/u/f38/19/10/43/19/presen10.png'" id="poum2"></a>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La fonction "onmouseover"

Message par Self Lun 2 Fév 2015 - 1:50

Bonsoir,

Et pourquoi ne pas utiliser this plutôt que l'id ?
Ainsi ça devrait fonctionner correctement (même si ça aurait déjà dû être le cas avec votre code) :
Code:
<a href="http://chevaux-passions.forumactif.org/f3-reglement-interieur">
<img src="http://i38.servimg.com/u/f38/19/10/43/19/reglem10.png" onmouseover="this.src='http://i38.servimg.com/u/f38/19/10/43/19/reglem11.png'" onmouseout="this.src='http://i38.servimg.com/u/f38/19/10/43/19/reglem10.png'" id="poum1"></a><a href="http://chevaux-passions.forumactif.org/f1-presentations">
<img src="http://i38.servimg.com/u/f38/19/10/43/19/presen10.png" onmouseover="this.src='http://i38.servimg.com/u/f38/19/10/43/19/presen11.png'" onmouseout="this.src='http://i38.servimg.com/u/f38/19/10/43/19/presen10.png'" id="poum2"></a>
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La fonction "onmouseover"

Message par emc2 Lun 2 Fév 2015 - 21:55

A Scoubifitz ► La fonction ne marche pas avec ce code. L'image reste la même que la souris passe ou non dessus l'image. C'est toujours l'image du non survol.
A SeLfde4Th7 ► Ce code fonctione effectivement. Merci pour le tuyau. Je vais pouvoir utiliser ce code à outrance donc !!!!

Merci à vous deux.
emc2

emc2
*****

Messages : 555
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum