JQuery Loadinganimation [D7]

Problem solved:

Typically there is a disturbing effect if you have to wait longer time for a page to be loaded. A loading animation helps to make the loading process appearing shorter psychologically.
This module provides a loading layer over the whole page, preventing people from re-submitting / clicking again after submission and "enjoy" waiting time. ;)

Drupal 8

Use https://www.drupal.org/project/page_load_progress instead.

Description:

JQuery loadinganimation module shows a loading layer on page loading events.
These may be triggered by form submission, clicking a hyperlink or executing an AJAX call.

Hyperlinks may be excluded from trigger by adding a ".noLoadingAnimation" class.
Further "javascript" and "#" hyperlinks are automatically excluded.
Loading and animation may be aborted by pressing "ESC".

There are settings for all these three type of triggers:

• Form submit
• AJAX Request
• Hyperlink Click

Further it is possible to change the loading animation image and customize the layout by overriding CSS. This module uses CSS3 for beautiful animation layout by Thomas Frobieter.

JavaScript API:

JavaScript API functions allow to show and hide separately by calling:
Drupal.behaviors.jquery_loadinganimation.Loadinganimation.show()
Drupal.behaviors.jquery_loadinganimation.Loadinganimation.hide()

Dependencies:

None

Installation:

1. Download and enable this module
2. Edit the settings (D6: "admin/settings/jquery_loadinganimation"; D7: "admin/config/user-interface/jquery_loadinganimation") if you like to.

Version 7.x-2.x

New 2.x Branch with some new features:

• CSS based loading animation (no more images).
• CSS based configuration and styling for animation - you may override everything even more simple!
• Further development will take place here!

Development proudly sponsored by German Drupal Friends & Companies:

webks: websolutions kept simple (https://www.webks.de)
and
DROWL: Drupalbasierte Lösungen aus Ostwestfalen-Lippe (OWL), Germany (https://www.drowl.de)