Modifier Formulaire de contact 7 texte « SOUMETTRE » avec animation gif APRÈS cliqué

Question

FORMULAIRE DE CONTACT 7

Question:

J'ai une forme simple avec un champ e-mail et le bouton soumettre.

Comment remplacer le texte "SUBMIT" par un GIF animé lorsque l'utilisateur clique dessus? Je veux que le GIF remplace le texte dans le bouton, ou est-il plus facile de remplacer le bouton tout à fait avec le GIF?

[email* EMAIL] [submit "Subscribe"] 

Mon GIF animé est la suivante:

http://www.clarityclinicalskincare.net//wp-content/plugins/bloom/images/subscribe-loader.gif

J'ai déjà un message de réussite et de validation d'erreur en place.

Answer 1

d'abord donner votre bouton un ID et une fonction JS puis sur votre bouton, vous pouvez avoir

onclick="giffy(document.getElementById('the Id you gave your button'))" 

alors la fonction JS

function giffy(buttonId){buttonId.innerHTML = "<img src='http://www.clarityclinicalskincare.net//wp-content/plugins/bloom/images/subscribe-loader.gif'> </img>"} 

donc sur votre bouton cliquez sur le texte est remplacé par votre gif