XHTML img onmouseover, onmouseout

Résolu
Thomas -  
 sylvain -
Bonjour à tous,

je suis en train de créer un site au format XHTML transitionnel (pour être au max compatible, le strict étant plutôt réducteur), j'ai une bribe de code qui passe pas le validateur :

<li><a href="mapage.php" title="mapage"><img src="_img/out.jpg" onMouseOver="this.src='_img/on.jpg';" onMouseOut="this.src='_img/out.jpg';" alt="mapage" /></a></li>

J'ai une erreur sur le oumouseover, oumouseout, est ce que quelqu'un à déjà réussi à résoudre ce genre de problème.

Merci de m'en tenir informé.

Thomas
A voir également:

8 réponses

Ssylvainsab Messages postés 2884 Date d'inscription   Statut Modérateur Dernière intervention   825
 
>Thomas
Pour le onMouseOver et onMouseOut, essaye de mettre les attributs en minuscules :
onmouseover et onmouse out

>Ludal64
Pas bien de poster ton problème dans un topic qui n'est pas le tien.
A la place de name il faut utiliser id.

a plus
5
CH4NCE Messages postés 620 Date d'inscription   Statut Membre Dernière intervention   728
 
Merci, j'ai remplacé tous les onMouseOut et onMouseOver par onmouseout et onmouseout, tout fonctionne et le validateur est tout vert :)
0
fred68000
 
Comment faire le contraire de onmouseover, pour que l'image du menu reste qu'on on clique deçu
?
0
sylvain
 
Tu fais onmouseout
0
Qaid Yann 1981
 
Slt j'ai deja fait ce genre de truck et le code src est :

<a href="http://band5711.com" target="face" style="a:hover{color:black; } a:link{color:white; } " ><img 

src='img1.jpg' border='0' onmouseover="this.src = 'img2.png';" 

onmouseout="this.src = 'img.jpg';"></img></a>


Merci de me recontactez pour ce genre de truck.

Qaidonyx de la Band5711
4
Kaori-chan
 
Merci beaucoup pour vos réponses, ça m'a aidée aussi =)
0
Ssylvainsab Messages postés 2884 Date d'inscription   Statut Modérateur Dernière intervention   825
 
Bonsoir.

Je suis pas du tout calé en JS, mais je crois qu'il faut d'abord indiquer sue c'est un script javascript.

je suis en train de créer un site au format XHTML transitionnel (pour être au max compatible, le strict étant plutôt réducteur)

Je te conseille de faire plutôt du strict (quelle que soit la version) car les transitionnels utilisent des balises obsolètes, et donc ne servent pas a grand chose.
-1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Ludal64 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   1
 
Bonjour,
Je suis dans le même cas de figure que Thomas, je suis entrain de coder une page en xhtml et j'aimerais utiliser les fonctions" onMouseOver " et "onMouseOut" sur des images. En html mon code fonctionne mais pas en xhtml, comment faut-il que j'introduise mon code pour qu'il fonctionne ?

Je veux créer un sorte de diaporama ce qui fait que j'ai plusieurs petites images qui renvoi vers une seule plus grande, le problème c'est que d'après la W3C l'attribut "name" n'est pas valide, que dois-je alors utiliser ?

Voila une portion de mon code :

<a href=""><img src="./images/revolutions5.png" width="300" height="200" name="nomimage1" alt="matrix" /></a>
</p><p>
<a href="" onmouseover="nomimage1.src='./images/revolutions5.png'" onmouseout="nomimage1.src='./images/revolutions5.png'"><img src="./images/mini-revolutions5.png" width="64" height="64" alt="matrix"/></a> 
<a href="" onmouseover="nomimage1.src='./images/reloaded6.jpg'" onmouseout="nomimage1.src='./images/reloaded6.jpg'"><img src="./images/mini-reloaded6.png" width="64" height="64" alt="matrix"/></a>


Merci d'avance.
Ludal64
-1
Ludal64 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   1
 
J'ai remplacé l'attribut "name" par l'attribut "id" mon code est maintenant valide en xhtml strict mais cependant la fonction "onmouseover" ne fonctionne pas.
-1
q-p-o
 
Moi, je suis en xhtml1.1 strict et ça marche très bien.
-1
sylav
 
Merci mec, t'as pas l'air tres joyeux mais merci quand meme, je suis une brele et je decouvre la programmation et enfin une reponse claire en 2 lignes apres avoir parcouru des dizaines de pages pour rien.
-3