spot7.org logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML Categories

Showing a Wait Message When Submitting Long Javascript Requests


ah jquery - sigh. You're going to have to tweak this to get the styling/presentation you want, but I'm going to point you in the general direction using plain old JavaScript.

  1. Add an image tag with the gif you want to use on the page where you want it

      < img src='loading.gif'/>
    
  2. Add an id and "display:none" to the image style to hide it

    <img id='loadingImg' 
    style='display:none;' src='loading.gif'/>
    
  3. get rid of the onclick handler in your submit button tag and instead put code like this below your form

     <script>
           //listen for click on your button
          
    document.getElementById('add-all-to-cart').addEventListener('click',
               function(event){
                    //this is the code that runs when
    the button is clicked
                    //get the button we clicked on
                    var
    target=event.target||event.srcTarget;
                    //set that button to disabled
                    target.disabled=true;
                    //display the loading image
                   
    document.getElementById('loadingImg').style.display='block';
     
                }
    
    </script>
    

Categories : Javascript

Related to : Showing a Wait Message When Submitting Long Javascript Requests
Google form is showing user who created the form as submitting request
It appears that Shaun is the owner of the spreadsheet receiving the input from the google form, and/or the author of the script that generates an email from the form input and sends it to the google group. You don't say so explicitly, but I would guess that you're using a "Collaborative inbox" group type. Since the email to the group comes from Shaun, that is the user profile that is displayed on

Categories : Misc
Need Solution : Message is not Showing Toast
Don't mix multiple Writers and OutputStreams or Readers and InputStreams on the same socket. It won't work. PrintWriter is buffered. If you write something and then expect a response you need to flush it after the write.

Categories : Android
Multiple GET requests within javascript
What you want is to fire all get's immediately. And let each $.get handler do the following: save its result so that it is accessible to all $.get handlers check if all $.get have been resolved (successfully or not) You can do it manually by keeping track of each $.get's status in an object and checking that object as each $.get is getting resolved. E.g. here is a very rough outline var state

Categories : Javascript
How to take in users name, and display it along with a message, depending on the time of day (Javascript)?
When you click on a <input type="button" /> within a <form> it submits the <form>; without a specified action attribute the form is submitted to the current URL, which causes the page to reload. To prevent this, you can use event.preventDefault() (which prevents the default action) or return false within the function you're calling: function runfunction(e) { (e || Window.ev

Categories : Javascript
Showing System Date on form, jquery/javascript
As written in my comment, make sure you have jquery included in your file. Else you can try using pure javascript, this will do the trick without jquery: obtenerFecha(); document.getElementById('fecha').value = retornaFecha(); function obtenerFecha(){ var today = new Date(); var dd = today.getDate(); var mm = today.getMonth() + 1; //January is 0! var yyyy = today.getFullYear(); if (dd < 10)

Categories : Javascript
Recently Add
Busy Indicator while page is loading
parent.document.getElementById and images path
Can not get bootstrap datetime picker to display properly
reading select box jquery issues
DC.JS Pie Chart + Select Deslect from external JavaScript function
Why would I ever need to cancelAnimationFrame()
Angular.ui alert doesn't close
HTML/JS How to position a rectangle relative to 'any' side of the parent canvas element
parse variable to xml
C# Dictionary equivalent in JavaScript
ExtJS Dashboard Panel Fit Panel Vertically
jQuery cross domain ajax call - Interpreted as script but transferred with MIME type text/xml
Reactjs map returns unexpected token }
Working with multiple pages in apache cordova and vs2013
Resize iframe to loaded content
Why 13596*0.1 is different than 13596/10?
AngularJS Validate all forms on application load
javascript open popup without menu/url/titlebar/scrollbar/anything
Can I use Razor syntax inside Javascript included in a ScriptBundle?
How to show a box for comment reply with id
parse name from user input when using jquery serialize
How to parse and load javascript object?
Marionette not navigating to the same url
Adding Google+ Sign in button to website
GRUNT - Install Grunt Packages?
how should I create the path of templateUrl property in Angular ui-router?
Update mysql database with jquery array using ajax
Run the same function on each item in a list / array
Get all ticks values (NVD3)
Button Click Event not Passing input String to MVC Controller Method
© Copyright 2017 spot7.org Publishing Limited. All rights reserved.