Code

Discussion on Simple Loading Modal - Elegant Loader for jQuery

Discussion on Simple Loading Modal - Elegant Loader for jQuery

Cart 138 sales

xxcriversxx supports this item

Supported

This author's response time can be up to 1 business day.

22 comments found.

Hi, you mention .ajaxComplete() as the delay how would that work exactly?

Thanks for clarifying. So essentially, you would just like to have the loader ui display as soon as the ajax call is made and then go away upon completion correct?

yes please

Not a problem mate. Please send me a message using the form on my profile page and I’ll get that to you in the morning!

Hi xxcriversxx

I just commented and forgot to check the box…can you reply to this thread?

Absolutely, I’m In meeting for the rest of the day but I can follow up with you first thing in the morning. :)

Thank you. I also sent an inquiry to your site. Sorry for the extra pings.

No problem, replied. :)

hi xxcriversxx,

I was wondering if you could help me out and get your loader working.

I’m not a dev…so I’m having trouble getting the loader to work.

The test site is here: http://www.v-twelve.com/WineAmbassador/

What happens if the main image is not a fixed size? I’m not sure what I’m doing right and wrong. I’m hoping you can help me out!

Absolutely, I’m In meeting for the rest of the day but I can follow up with you first thing in the morning. :)

Looking to buy this. Since im only starting out as a web designer, can you simply just add this loader to any div?

Thanks in advance.

Can the modal background opacity be changed? And can the spinner style be changed also?

xxcriversxx is awesome.

Hello Meridiano,

The biggest difference is that this plugin is designed to load your data and then remove the loader UI from the DOM when your specified event is complete.

The other plugin is designed similar to an iframe. Using Ajax it loads anything you specify from a remote page and then just removes the loader UI from the DOM when your specified event is complete.

They are similar but different. The second one was created because I was getting a lot of request for that type of functionality. But both of these are very useful/valuable plugins to have in your collection

I hope this helps, crivers

Thank you for your quickly and kind answer!

Hello,

Please, can you tell me what are the essentials diferences with this object (Simple Loading Modal) and this one: Simple Content Loader (http://codecanyon.net/item/simple-content-loader/268112.)

I want to use it to fetch tags with ASP Classic forms and also HTML forms. With and without emergent windows (modal windows). Also I want to charge images, but only some times.

Thank you in advanced Jorge

Ok, I just misunderstood the purpose of this plugin. I got a really nice email support from xxcriversxx and got it working like a charm. Thanks!!

It’s not working…just sent you an email!

ivand,

Yes this works. Can you put your link back up so i can give you an example.

crivers

hi xxcriversxx, im looking to buy this plugin. However i have very specific needs. I’m looking to load a content slider content (specifically AnythingSlider, you can find it here http://proloser.github.com/AnythingSlider/, which itself has another javascript elemnts as well as iframes and other things.

Can you guarantee the loader plugin will work? all I want it to do is to hide the

    element holding the slider while it loads in the background, show the overlay and loading image and dissapear after is loaded completely.

Thanks in advance

Hello bhsstudio,

To answer your question, yes this works with any server side programming language. You can pass in any complete event you’d like and this would work.

I hope this helps.

crivers

Hi there, I am wondering if this plugin can support ASP .NET. For example, I have a ASP .NET repeater, and I pull the data in the code behind. Is it possible to use this plugin to display the loading effect? Thank you author.

Hey Jomlaianer,

No problem! All you would need to do is use the JQuery .load() method.

This is how you would use it:

$(’myLargeImage’).load(function() { // Put your large image as the selector $(”#loader”).fadeOut(); // Remove Loader from the DOM $(”#dvGlobalMask”).fadeOut(); // Remove Loader Overlay from the DOM });

Let me know if you need further explanation.

crivers

i`ve a 1MB background image on my site. is it possible to load this image in the “background” during the jquery plugin shows the loading image?

sry for my bad english :)

Hi Urban Design,

Yes this is a loader mechanism. The purpose is to provide an easy way to show a nice user interface while the user waits for an event to complete.

It can be used two ways. First, you could use the delay method to pass in a given time (in milliseconds) using the delay option.

Second, you could use an event such as an $.AjaxComplete event. For a list of events, check out www.jquery.com.

If you need further help implementing this plugin feel free to ask.

crivers

Hi.. This is a loader, or just an image that is shown for some seconds until the page is loaded. I mean it disappears when the page is fully loaded? or I must set the time to the loading image disappear?

Plugin is updated. Now supports events.

crivers

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey