Jump to content

On Submit hide button show loading gif :) ?


Kolinski

Recommended Posts

Hello all, 

 

Im working on a back-end system that sends push notifications. At the moment on click of send button the loading gif appears underneath. 

 

I would like the send button to disappear and for the loading gif to appear as it is now. 

 

How can I implement this feature ? 

 

Any help would be much appreciated :) 

<div class="row-fluid">
                    
<input type="submit" name="badgeSubmit" class="span5 offset7 blue-button" value="Send" onClick='return checkvalue() && toggle(); return false;' />

<img style="position:relative; top:20px;"src="/images/sending.gif" alt="loading" class="sending">	
				 
</div>
Link to comment
https://forums.phpfreaks.com/topic/280910-on-submit-hide-button-show-loading-gif/
Share on other sites

I assume based on the code that you are simply changing the image from display: none; to display: block; (or inline) in order to show it. Just do the reverse with the button in order to hide it. Change it's display property to none.

Would this be correct ? 

<div class="row-fluid">
                    
<input type="submit" style="display:none" name="badgeSubmit" class="span5 offset7 blue-button" value="Send" onClick='return checkvalue() && toggle(); return false;' />

<img style="position:relative; top:20px; display:block;" src="/images/sending.gif" alt="loading" class="sending">	
				 
</div>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.