XHTML img onmouseover, onmouseout

Thomas, le mercredi 27 septembre 2006 à 19:34:28

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

Répondre à Thomas Signaler ce message aux modérateurs Aller au dernier message

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Ssylvainsab, le jeudi 28 septembre 2006 à 23:31:36

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

Répondre à Ssylvainsab

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Ludal64, le mercredi 29 novembre 2006 à 21:21:07

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

Répondre à Ludal64

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Ludal64, le mercredi 29 novembre 2006 à 22:08:16

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.

Répondre à Ludal64

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

Ssylvainsab, le mercredi 29 novembre 2006 à 22:14:27

>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 Sylvain
Longue vie à bobo !

Répondre à Ssylvainsab

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Qaid Yann 1981, le mardi 10 juin 2008 à 13:06:51

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

Répondre à Qaid Yann 1981

Posez votre question Répondre