Change image onclik ?

Résolu
kisscool387 Messages postés 260 Date d'inscription   Statut Membre Dernière intervention   -  
kisscool387 Messages postés 260 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je cherche le moyen de modifier une image avec un onclik sur un bouton de soumission de formulaire.

en faite, j'aimerai que lorsque un membre click sur le bouton de soumission, il y ai un gif qui tourne ou un text qui dit "patienter" ou n'importe quoi qui permeterai au membre de se rendre compte qu'il à bien valider le formulaire, et qu'il lui reste plus qu'a patienter.

Je cherche ça car comme il y a des upload d'image, le cherchement de la page aprés la soumission peut être long, et les membre on tendance à clické plusieur fois sur le soumission, et ça fait des beug dans la base sql.

Je vous remercie d'avance pour votre aide.
A voir également:

7 réponses

avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
<p>
    <input type="submit" value="Envoyer" onclick="document.getElementById('submitLoader').style.display = 'online';" />
    <img src="loader.gif" alt="Envoie en cours" id="submitLoader" />
</p>
Dans ton CSS :
#submitLoader { display:none; }
Et pour générer ton image loader.gif : http://www.ajaxload.info/
--
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
1
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Désolé, c'est "inline" et pas "online".
Par contre, utilise plutôt "onclick" et pas "onmouseover".
1
Titial69 Messages postés 259 Date d'inscription   Statut Membre Dernière intervention   20
 
Deux chose :

- Pour le changement onclick, tu as une image qavec name="Image" : ca donne :
onclick="Image.src="/nouvelle-image.png";


- Vérifie avant d'enregistrer dans ta base que la dernière entrée n'est pas la même, comme ca tu ne l'enregistre qu'une fois.
0
kisscool387 Messages postés 260 Date d'inscription   Statut Membre Dernière intervention   11
 
Merci pour votre aide, mais ça ne fonctionne pas chez moi ??
j'arrive pas à comprendre, comme je ne c'est pas ce qui peut être important, je vous montre la ligne compléte de mon bouton de validation :
echo"<tr><td colspan=\"2\">&nbsp;</td></tr><tr><td colspan=\"2\" align=\"center\"><input type=\"submit\" name=\"Submit\" value=\"" . _MODIF . "\" /></td></tr></table></form><br />\n";


et voici ce que j'ai fait, mais ça n'a absolument rien changer :
echo"<tr><td colspan=\"2\">&nbsp;</td></tr><tr><td colspan=\"2\" align=\"center\"><input type=\"submit\" name=\"Submit\" value=\"" . _MODIF . "\" onmouseover=\"document.getElementById('submitLoader').style.display = 'online';\" /><br /><img src=\"modules/User/images/loader.gif\" alt=\"Envoie en cours\" id=\"submitLoader\" /></td></tr></table></form><br />\n";
0

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

Posez votre question
kisscool387 Messages postés 260 Date d'inscription   Statut Membre Dernière intervention   11
 
oui, pour "onmouseover" j'avais mis ça juste pour tester, afin que je soumette pas à chaque foi un formulaire ;)

2éme probléme de la journée résolu et toujours toi qui me le solution.
Je c'est pas en quoi je pourrai t'aider, mais si un jour t'as besoins d'un truc, demande moi, je ferai de mon mieu.
je suis plutot bon coté design ;)
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Tu n'as pas besoin de faire quelque-chose en retour, j'aide parce que j'en ai envie, pas pour obtenir quelque-chose.
0
kisscool387 Messages postés 260 Date d'inscription   Statut Membre Dernière intervention   11
 
Je trouve ça vraiment trés gentil, d'autent plus que ça te prend beaucoup de temps, et même moi j'aimerai bien pouvoir aider tout le monde, mais je n'ai pas le temps pour ça, j'ai déjà pas assé de temps pour moi même, alors pour les autre, c'est encore plus difficile, c'est pour ça que j'admire ce que tu fait.
Merci beaucoup.
0