Kolinski Posted August 7, 2013 Share Posted August 7, 2013 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 More sharing options...
kicken Posted August 7, 2013 Share Posted August 7, 2013 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. Link to comment https://forums.phpfreaks.com/topic/280910-on-submit-hide-button-show-loading-gif/#findComment-1443774 Share on other sites More sharing options...
Kolinski Posted August 7, 2013 Author Share Posted August 7, 2013 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> Link to comment https://forums.phpfreaks.com/topic/280910-on-submit-hide-button-show-loading-gif/#findComment-1443923 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.