How to add ajax-loading indicators

Comparing #2 with #3

Revision #3 was created by Alex Muir on Sep 23, 2009, 10:03:30 PM.

Clarified where code should go.

Content

[...]

Here's a simple (and good looking) solution for yii.
Basically we'll fade out all elements within a div to 80% opacity, while displaying a loading indicator in the background.

The advantage of this solution is, that you don't have to add extra markup to your page.

When performing the ajax request, add the .loading class to your, usually a div, element. And remove it when the request is complete.

You should put the following code in your view file:

```php
<?php
echo CHtml::form();
echo CHtml::ajaxButton (

[...]