Clic sur Boutons et image de chargement

Bonjour,

Je cherche désespérément un moyen de remplacer un bouton par une image de chargement lorsque je clique dessus. Je voudrais appliquer cet effet à tous mes boutons et mes inputs type submit/button.

L'idée :

Code:

---

1 2 3

$('button, input[@type=submit], input[@type=button]').click { // remplacer le bouton par <img src="loading.gif" alt="loading" /> }

---

Merci d'avance pour votre aide.

Bonjour Phenol.

Exemple :

Code:

---

1 2 3 4

$("button, input[type='submit'], input[type='button']").click(function(){ $(this).replaceWith("<img src='../images/load.gif' title='loading' alt='loading'/>"); });

---

Merci pour cette réponse !

Effectivement, le remplacement du bouton par l'image fonctionne parfaitement, mais mes formulaires ne sont plus validés...

Seul le changement s'effectue...

Une idée ?

Merci encore pour votre réponse ! :ccool:

Bonsoir.

Votre demande était : « Je cherche désespérément un moyen de remplacer un bouton par une image de chargement lorsque je clique dessus. »

Pour ne pas vous laisser dans le désespoir, je donne la solution. Mais cette solution (suppression de l'élément déclencheur, donc inexistant après la manoeuvre) convient-elle à votre problème, sans doute que non.

Je crois que vous pourriez jouer sur le display none/block de l'image qui apparaitra seulement le temps du chargement.

Merci pour votre réponse.