On Submit hide button show loading gif :) ?

[Kolinski]

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>

[kicken]

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.

[Kolinski]

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>