ändern Contact Form 7 "SUBMIT" Text mit animierten Gif geklickt hat, nachdem

Question

KONTAKTFORMULAR 7

Frage:

ich ein einfaches Formular mit einem E-Mail-Feld und Absenden-Button.

Wie ersetzen Sie den Text "SUBMIT" durch ein animiertes GIF, wenn der Benutzer darauf klickt? Ich möchte, dass die GIF den Text in der Schaltfläche ersetzt, oder ist es einfacher, die Schaltfläche insgesamt mit der GIF zu ersetzen?

[email* EMAIL] [submit "Subscribe"] 

Meine animierte GIF ist die folgende:

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

Ich habe bereits eine Erfolgsmeldung und Fehler Validierung an seinem Platz.

Answer 1

zuerst geben Sie Ihre Schaltfläche, um eine ID und eine JS-Funktion dann auf dem Knopf Sie

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

dann die JS-Funktion

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

so auf Ihre Schaltfläche klicken Sie den Text ersetzt haben mit Ihrem gif