Animate Login Button

[hilmanf]

I need to animate LOGIN button on login ajax window. So my user will know that system is processing. The button text will be changed from 'MASUK' (login) to 'SEDANG MASUK..." (logging in). Refer: http://prntscr.com/oauzar I know this is hard coding. No problem. But I need help in which file I need to code this. My header style is Sleek. Thank you.

[Ava]

Hi Please paste the below Custom Css code to Wp-admin > WPLMS > Footer > Google Analytics Code > Save changes   $(document).ready(function($){ $('sidebar#wp-submit').click(function(){ $('sidebar#wp-submit').val("SEDANG MASUK..."); }) });  

[hilmanf]

This reply has been marked as private.

[Ava]

Okay, the code is fixed and running fine. Please check this screenshot: http://prntscr.com/oc2so1 Now you can check the site. The code was not working because of the two reasons: 1) The script tag is missing from the code which I have added already. 2) The ID was called was wrong, as you have told that this your staging site. I have written the code according to the code written in this site. It might or might not work for your original site. In case it doesn't, please share original site URL, I will update the code for that as well, then it works fine. Good Day

[hilmanf]

This reply has been marked as private.

[Ava]

Hi Please replace the previous code with the below one: <script> jQuery(document).ready(function($){ $('#sidebar-wp-submit').click(function(){ $('#sidebar-wp-submit').val("SEDANG MASUK..."); setTimeout(function(){ $('#sidebar-wp-submit').val("MASUK"); },5000); }); jQuery('body').delegate('.message_wrap .message span','click',function (){ $('#sidebar-wp-submit').val("MASUK"); }); }); </script>   This code is working fine. please check

[Author]

Posts