Ajax Method to show that the script is processing

[elabuwa]

Hello guys,

 

I am running in to some issues where users trigger another even before an ajax procedure is completed.

Eg after a button click (where ajax is doing some magic), the user clicks on another button (which will do some more magic) before the first buttons process is completed.

I have seen some sites doing some sort of of lightbox technique which in this case shows a the moving bar or the rotating circle thingi.

 

Are they using the lightbox method or is there any other easy way?

 

Cheers

Elabuwa

[Spring]

// Put an animated GIF image insight of content

  $("#content").empty().html('<img src="loading.gif" />');

 

// Make AJAX call

  $("#content").load("http://example.com");

 

[elabuwa]

Hi Spring,

 

thank you for your reply.

What framework should I be using to get this up an running?

jquery, json etc?

 

I'm a noob when it comes to ajax

[Spring]

Jquery is the example I used.

[imperium2335]

Those aren't frameworks. You don't always have to use a framework, you can use your own, its just a way of doing something.

 

To show something loading, you can just put a GIF in a tag, and then when a certain function completes, like $.post etc, have the html of that tag replaced with 'loaded' etc.