title: Please wait Animation gif using javascript
body: <p>I am trying to use <a href="http://www.ryantetek.com/2009/06/animated-progress-loading-bar-upon-form-submit-javascript/" rel="nofollow">this post</a> in order to get the animated gif for Please wait message.... on button click. However, when I open the sample html page that I am testing on, I get an input box instead of an button with am image.</p>
  
  <p>Below is the html code that I am trying on a test page.</p>
  
  <pre><code> &lt;html&gt;
  
   &lt;script type="text/javascript"&gt;
  
  
    function loadSubmit() {
     var ProgressImage = document.getElementById('progress_image');
    document.getElementById("progress").style.visibility = “visible”;
     setTimeout(function(){ProgressImage.src = ProgressImage.src},100);
     return true;
      }
      &lt;/script&gt;
  
   &lt;body&gt;
     &lt;p style="visibility:hidden;" id="progress"&gt;
  
    &lt;img id="progress_image" style="padding-left:5px;padding-top:5px;" src="ajax-loader.gif" alt=""&gt; Uploading in progress…      &lt;/p&gt; 
      &lt;input class="contSubmit" onclick="return loadSubmit()" type=”button” src= "submitinfo_btn.png" /&gt; 
  
       &lt;/body&gt;
     &lt;/html&gt;
  </code></pre>