Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I am also php developer i did this using jquery.. You can use it through Jquery like this:- Just confirm your jquery script are present..</p> <pre><code>&lt;div id="popup1" class="popup_block"&gt; &lt;?php echo $this-&gt;Html-&gt;image('loader2.gif'); ?&gt; &lt;h4&gt;Processing Please Wait...! &lt;/h4&gt; &lt;/div&gt; </code></pre> <p>And you have to call this function </p> <pre><code> function open_loader(){ if(enrollFlag==0){ return false; } //Fade in Background jQuery('body').append('&lt;div id="fade"&gt;&lt;/div&gt;'); //Add the fade layer to bottom of the body tag. jQuery('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer var popID = 'popup1'; //var popWidth = 500; //Fade in the Popup and add close button jQuery('#' + popID).css({ 'width': '250' }); //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css var popMargTop = (jQuery('#' + popID).height() + 80) / 2; var popMargLeft = (jQuery('#' + popID).width() + 80) / 2; //Apply Margin to Popup jQuery('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft, 'display' : 'block' }); } </code></pre> <p>This function will show loader image when it will execute..</p> <p>Or if you stick to <code>load()</code> do like this:-</p> <pre><code>&lt;input type="button" onclick="example_request()" value="Click Me!" /&gt; &lt;div id="example-placeholder"&gt; &lt;p&gt;Placeholding text&lt;/p&gt; &lt;/div&gt; function example_ajax_request() { $('#example-placeholder').html('&lt;p&gt;&lt;img src="/images/loader.gif" width="220" height="19" /&gt;&lt;/p&gt;'); $('#example-placeholder').load("/examples/loaded.html"); } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload