survoler un bouton type image

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

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, 18h03

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, 18h24

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, 18h26

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

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

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, 18h29

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, 18h41

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, 18h47

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, 18h52

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, 19h03

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 !)