survoler un bouton type image

**sooprano** · 07/01/2009, 16h52

salut je me suis bluqer sur comment survoler un bouton type image je voudrai quand la souris passe sur mon bouton l'image dois se changer
voila mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<head>
function afficher()
{
document.images['valider'].src="images/savoir-plus_survole.gif";
}
</head>
<body>
<input type="image" name="imageField" src="images/inscrivez-vous.gif" onMouseOver="afficher()">
</body>

sa marche pas
svp pourrez vous m'aider

**E.Bzz** · 07/01/2009, 17h03

Bonjour,
il faudrait peut être que le name soit le bon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.images['imageField'].src=

A+

**sooprano** · 07/01/2009, 17h24

Envoyé par E.Bzz

Bonjour,
il faudrait peut être que le name soit le bon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.images['imageField'].src=

A+

oui j'ai fais ce que tu m'as dis mais rien ne se passe

es ce possible de survolé bouton type image ?
si oui alors comment

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<head>
function afficher()
{
document.images['imageField'].src="images/savoir-plus_survole.gif";
}
</head>
<body>
<input type="image" name="imageField" src="images/inscrivez-vous.gif" onMouseOver="afficher()">
</body>

**Bovino** · 07/01/2009, 17h26

Chercher un input dans le tableau images, c'est un peu comme additionner des pommes et des poires !!!

**E.Bzz** · 07/01/2009, 17h27

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="image" name="imageField" src="images/inscrivez-vous.gif" onmouseover="this.src='images/savoir-plus_survole.gif';" onmouseout="this.src='images/inscrivez-vous.gif';">

Ca ne fonctionnait pas car ta déclaration de fonction n'était pas dans des balises <script>

A+

**E.Bzz** · 07/01/2009, 17h29

Envoyé par Bovino

Chercher un input dans le tableau images, c'est un peu comme additionner des pommes et des poires !!!

Ah oui, tiens !
Pas vu

Ou chercher une poire dans un panier de pommes ...

**Auteur** · 07/01/2009, 17h41

juste deux questions en passant :

Quelles différences entre un bouton de type image et la balise img ?
D'ailleurs ce type d'input est valide W3C ?

**sooprano** · 07/01/2009, 17h47

Envoyé par E.Bzz

Ah oui, tiens !
Pas vu

Ou chercher une poire dans un panier de pommes ...

oups thanks lot EBZ
ca marche

**E.Bzz** · 07/01/2009, 17h52

Envoyé par Auteur

Quelles différences entre un bouton de type image et la balise img ?

Le type="image" fonctionne comme un type="submit"

Envoyé par Auteur

D'ailleurs ce type d'input est valide W3C ?

Heu ça par contre, j'ai pas vérifié, mais je crois bien

A+

**Bovino** · 07/01/2009, 18h03

Envoyé par E.Bzz

Ah oui, tiens !
Pas vu

Je me venge de celle-la !

Sinon,

Envoyé par Auteur

D'ailleurs ce type d'input est valide W3C ?

Oui, absolument !

Et

Envoyé par Auteur

Quelles différences entre un bouton de type image et la balise img ?

Ce n'est pas exactement un bouton, c'est un input type image qui comme le précise E.Bzz se comporte comme un submit.
De plus, dans le cadre de cette discussion, le input type image n'est pas intégrer dans le tableau images du document mais dans le tableau forms.
Enfin, s'agissant d'un input, il renvoie au serveur les coordonnées de la souris lors du click (même si je vois pas trop l'intérêt à priori !)