Discussion :

[Phenol]

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 :

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

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.

[danielhagnoul]

Bonjour Phenol.

Exemple :

Code :

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

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

[Phenol]

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 !

[danielhagnoul]

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.

[Phenol]

Merci pour votre réponse.