AJAX Preloader Component

by Acid.JS and WeMakeSites.NET

Are you planning to buy several components from Acid.JS? You can now compile your own Creative Web 2.0 Bundle and the more components you add to it, the more money you save. Start here.

LoadingPanel.JS 6.0 / August 04, 2010

Enhance your site's look and feel during AJAX requests with the fully customizable state-of-the art LoadingPanel.JS without writing a single line of code!

LoadingPanel.JS allows you to display cool loading overlay to your webpages during your async requests to the server. The loading overlay and message is fully customizable and can fit to any website design. The deployment and customization of the script is a matter of minutes.

Component Demo

Click here to simulate AJAX request and show LoadingPanel.JS.

To view real-life use of LoadingPanel.JS, visit this website.

Client Methods of LoadingPanel.JS

  • After you have registered the required scripts on the page, use the ajaxloadingpanel.init() method to initialize LoadingPanel.JS on the page as shown below. Please, refer to the manual included in the distribution of the control for detailed information about the client methods and properties. Notice that this method will render a hidden loading panel on the page. To control an already instantiated panel on the page, use the ajaxloadingpanel.show() and ajaxloadingpanel.hide() methods of the component.
  • To display the loading panel when needed (for example - during an AJAX call), use the following method:
    ajaxloadingpanel.show();
  • To hide the loading panel when needed (for example - after an AJAX call), use the following method:
    ajaxloadingpanel.hide();

What's New in the Latest Version

  • Full CSS3 support for Internet Explorer 6-8.
  • Users are now able to set any radius to the borders, and apply really fancy shapes to the loading message box.
  • Loading message dropshadow.
  • Loading message dropshadow spread.
  • Improved performance and crossbrowser compliance.
  • Internet Explorer 9 ready.
  • Smaller footprint.
  • Easier installation, setup and customization.
  • More customization options.

Create Custom Loading Indicators

LoadingPanel.JS Requirements Setup, Installation and Help Topics

Please, visit the online help for full information about setup, requirements, installation, client API and everything else.

License Information

Free Trial1 - 3 WebsitesMultiple WebsitesDeveloper
The free license is for consideration and testing purposes only. The use of any Acid.JS component as a trial version on a live site is strictly proibited and will be considered an infringement of its copyright.A component purchased with this license is delivered with the full functionality and complete set of skins and can be used on 1-3 websites.The multiple website license allows the use of the component on an unrestricted number of websites, and is delivered with the full functionality and complete set of skins.The developer license includes the source code, full functionality and set of skins. The component can be used on multiple websites. Obfuscation before uploading on a live site is required.
download$20$30$200

If you consider purchasing more than one Acid.JS component you may create and order a custom Creative Web 2.0 Bundle and save money. More information about the Creative Web 2.0 Bundle program is available on my blog.

Difference Between the Free and the Commerical Versions

The free version of LoadingPanel.JS is displays a trial message at the top of the page.

Check what is trending now on Acid.JS