Ajouter une image surClic

Question

Peut-être pas le meilleur titre, mais voici le problème.

Nous sommes en train de créer un bouton d'envoi, qui change d'état lorsque l'utilisateur clique sur le traitement. Mais je voulais pimenter avec une image de chargeur.

code de travail Alors est:

<a href='#' class='red' onClick="$(this).update('Processing...'); return false;" style="border:0"><img src='img/check.png' style='vertical-align: middle' /> Finish and Pay</a> 

Ce que je suis AFTER est:

<a href='#' class='red' onClick="$(this).update('<img src='/img/loader.gif'>Processing...'); return false;" style="border:0"><img src='img/check.png' style='vertical-align: middle' /> Finish and Pay</a> 

Mais ce nest pas le respect, je sais que ce doit être une mauvaise déclaration, mais pas sûr de ce que je fais faux. Ou si en effet img src doit être absolu.

Toute aide hourras

Answer 1

Ces citations ne sont pas correctement échappé:

'<img src='/img/loader.gif'>Processing...' 

En outre, vous pouvez attribuer cette fonction cliquez ailleurs (je n'aime pas la création de balises dans un attribut, qui peut être source de confusion), et je définitivement fermer cette étiquette.

Cela pourrait fonctionner mieux:

'<img src=\'/img/loader.gif\' />Processing...' 

Answer 2

Que diriez-vous à l'aide d'un bouton d'image pour commencer et changer le src de cela?