Displaying please wait ajax animation on Visualforce page


/ Published in: Other
Save to your folder(s)

Credits to Siddhesh 'Ravan' Kabe


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