Icontem

JavaScript AJAX Loader Animation: Animate a wait indicator for long time tasks

Recommend this page to a friend!
  Info   View files Documentation   View files View files (8)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2016-02-10 (3 years ago) RSS 2.0 feedNot enough user ratingsTotal: 181 All time: 277 This week: 6Up
Version License JavaScript version Categories
ajax-loader 1.0.1MIT/X Consortium ...1.0Animation
Description Author

This object can animate a wait indicator for long time tasks.

It can animate a given container element by appending up to a given number of times a symbol element on each animation iteration.

The object can pause or stop the animation any time. When the animation is stopped it restores the content of the container element.

The symbols to animate, the count of symbols to display and the animation speed can be configured.

Innovation Award
JavaScript Programming Innovation award nominee
February 2016
Number 3
Sometimes Web pages need to execute tasks that may take long to complete. Usually it is useful to provide feedback to the user, so he is aware that a long process is running and it may take time to finish.

This object can animate a page element while your application is waiting for a long task to finish, without knowing how long it remains to complete.

Manuel Lemos
  Performance   Level  
Name: Mark Rolich <contact>
Classes: 13 packages by
Country: Armenia Armenia
Age: 39
All time rank: 131 in Armenia Armenia
Week rank: 3 Up1 in Armenia Armenia Equal
Innovation award
Innovation award
Nominee: 6x

Winner: 1x

Details

AjaxLoader.js

Customizable animated waiting indicator without images

<a href="http://mark-rolich.github.io/AjaxLoader.js/" target="_blank"><strong>Demo and documentation</strong></a>

Features:

  • Symbol to animate, symbols count and animation speed can be customized
  • Can restore the value of container DOM element on stop
  • Append value before animating symbols

Browser Compatibility

  • Chrome
  • Firefox
  • IE >= 9
  • Safari

Bug tracker

Have a bug? Please create an issue here on GitHub!

https://github.com/mark-rolich/AjaxLoader.js/issues

Copyright and License

The MIT License (MIT)

Copyright (c) 2016 Mark Rolich

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

  Files folder image Files  
File Role Description
Files folder imagedoc (4 files)
Files folder imagesrc (2 files)
Accessible without login Plain text file mit-license.txt Lic. LICENSE
Accessible without login Plain text file README.md Data README

  Files folder image Files  /  doc  
File Role Description
  Accessible without login Plain text file doc.css Data Documentation styles
  Accessible without login HTML file doc.html Doc. Documentation
  Accessible without login Plain text file Easing.js Aux. Documentation js file
  Accessible without login Plain text file Navease.min.js Aux. Documentation js file

  Files folder image Files  /  src  
File Role Description
  Plain text file AjaxLoader.js Class Main js library
  Plain text file AjaxLoader.min.js Class Minified javascript library

 Version Control Unique User Downloads Download Rankings  
 100%
Total:181
This week:0
All time:277
This week:6Up