Comment changer un bouton image?

Fermé

gabriel - Modifié par gabriel le 10/10/2013 à 11:55
gabriel - 10 oct. 2013 à 13:24

Bonjour à tous,

j'ai un bouton de validation de formulaire qui est un image :
<input type='hidden' name='envoi' value='ok'>
<INPUT TYPE='image' id='img' SRC='Valider.jpg' onClick='ChangeImage(this.src);' src='attend.gif'>

et j'utilise cette fonction que j'ai trouvé sur ce site:
<script language="javascript">

function ChangeImage(url) {
document.getElementById("img").src = url;
}

</script>

mais ça ne marche pas...

Quelqu'un pourrait-il m'aider svp ?
gabriel

A voir également:

Comment changer un bouton image?
Changer dns - Guide
Changer clavier qwerty en azerty - Guide
Image iso - Guide
Changer carte graphique - Guide
Acronis true image - Télécharger - Sauvegarde

8 réponses

Réponse 1 / 8

Utilisateur anonyme
Modifié par lobotoFix le 10/10/2013 à 12:14

salut
tu fais ça :

<input type="image" src="Valider.jpg" onclick="this.src='attend.gif';"  />

une fois envoyé la page se recharge et le bouton redevient normal
×º°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[×º°"~'"°º×

Réponse 2 / 8

gabriel
10 oct. 2013 à 12:37

bonjour et merci pour cette réponse rapide lobotoFix

mais j'ai déjà essayé ce que tu dis, mais ça ne marche pas...
en fait ça a marché 2 ou 3 fois et plus maintenant...
je comprends pas...

Utilisateur anonyme
Modifié par lobotoFix le 10/10/2013 à 12:42

ha bon ?

si tu appuis sur f12 et tu clique sur console normalement tu as une console javascript qui s'ouvre, as tu des choses inscrite dedans...peut être que cela vient d'un autre bout de javascript, je sais pas...chez moi cela fonctionne

Réponse 3 / 8

ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
10 oct. 2013 à 12:44

<INPUT TYPE='image' id='img' SRC='Valider.jpg' onClick="ChangeImage('attend.gif');">

Réponse 4 / 8

gabriel
Modifié par gabriel le 10/10/2013 à 13:04

@</fThebishop
j'ai fait un copier/coller,ça marche pas

@lobotoFix
j'ai fait F12 et corrigé quelques trucs, mais toujours rien...

je me demande si ça vient pas d'ailleurs dans la page....
en fait quand je clicque sur mon image "valider", elle disparait, mais mon img "attend" n'apparait pas, elle ne fait que 2ko...

merci à vous

Utilisateur anonyme
10 oct. 2013 à 13:07

oui mais le traitement du formulaire est peut être trop rapide pour que tu la voit

gabriel
10 oct. 2013 à 13:12

en fait les données du formulaire sont renvoyées sur la meme page
formulaire et traitement = 1 seul fichier php

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

Posez votre question

Réponse 5 / 8

ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
10 oct. 2013 à 13:09

<input id="img" type="image" src="phare_vert.png" onClick="ChangeImage('phare_rouge.png');" />

<script language="javascript">

function ChangeImage(url) {
    document.getElementById("img").src = url;
}

</script>

chez moi, ça, ça fonctionne.

gabriel
10 oct. 2013 à 13:13

c'est ce qui me tue !...
j'ai cherche sur plusieurs forums et tout le monde me donne les 2 solutions que vous me donnez et chez moi ça marche pas....

Réponse 6 / 8

gabriel
10 oct. 2013 à 13:15

voici ma page de test :
http://www.up1.fr/AEXO/upload.php

(le "niveau" ne sert à rien...)

Réponse 7 / 8

Utilisateur anonyme
Modifié par lobotoFix le 10/10/2013 à 13:20

j'ai rien dit

×º°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[×º°"~'"°º×</signature>

Réponse 8 / 8

Utilisateur anonyme
Modifié par lobotoFix le 10/10/2013 à 13:21

essaye ./attend.gif

×º°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[×º°"~'"°º×

gabriel
10 oct. 2013 à 13:24

non plus, là ça n'uploade plus...
je remets comme au début.

Discussions similaires

code couleur associé a une image