Advanced Search

Displaying please wait ajax animation on Visualforce page

/ Published in: Other
Save to your folder(s)
Credits to Siddhesh 'Ravan' Kabe

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <script>
  2.         // To show / hide waiting-flower icons
  3.         function setVisibility(id, isVisible){
  4.             document.getElementById(id).style.visibility= isVisible ? 'visible' :  'hidden';
  5.  
  6.         }
  7.  
  8.         function show(id){setVisibility(id,true);}
  9.         function hide(id){setVisibility(id,false);}
  10.  
  11. </script>
  12.  
  13. <apex:actionstatus id="pleasewait" onstart="show('img_status_product_select');" onstop="hide('img_status_product_select');">        
  14. <img height="20px" id="img_status_product_select" src="%7B%21$Resource.AjaxAnimation%7D" tyle="visibility:hidden" width="20px">
  15.  
  16. </apex:actionstatus>

URL: http://force.siddheshkabe.co.in/2009/10/displaying-please-wait-ajax-animation.html

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.