Use spinner icon while performing AJAX submissions of favorite/unfavorite button...

diff --git a/js/util.js b/js/util.js
index e5f117df0feb40b7ae98b2c91763698551741ba6..f09ce838c4bb216ca404508d3b0c35003a29fd86 100644 (file)
--- a/js/util.js
+++ b/js/util.js
@@ -82,6 +82,10 @@ $(document).ready(function(){
        // XXX: refactor this code
 
        var favoptions = { dataType: 'xml',
+                                          beforeSubmit: function(data, target, options) {
+                                                                                               $(target).addClass('processing');
+                                                                                               return true;
+                                                                                         },
                                           success: function(xml) { var new_form = document._importNode($('form', xml).get(0), true);
                                                                                                var dis = new_form.id;
                                                                                                var fav = dis.replace('disfavor', 'favor');
@@ -91,6 +95,10 @@ $(document).ready(function(){
                                         };
 
        var disoptions = { dataType: 'xml',
+                                          beforeSubmit: function(data, target, options) {
+                                                                                               $(target).addClass('processing');
+                                                                                               return true;
+                                                                                         },
                                           success: function(xml) { var new_form = document._importNode($('form', xml).get(0), true);
                                                                                                var fav = new_form.id;
                                                                                                var dis = fav.replace('favor', 'disfavor');

diff --git a/theme/default/css/display.css b/theme/default/css/display.css
index 646fb0445d78dad5c14b55c6fed9ca9ec52b2a25..6a4b87df1aa4a288e01d44bb4e50fa969024ff3a 100644 (file)
--- a/theme/default/css/display.css
+++ b/theme/default/css/display.css
@@ -223,6 +223,10 @@ background:transparent url(../../base/images/icons/twotone/green/favourite.gif)
 .notice-options form.form_disfavor input.submit {
 background:transparent url(../../base/images/icons/twotone/green/disfavourite.gif) no-repeat 0 45%;
 }
+.notice-options form.form_favor.processing input.submit,
+.notice-options form.form_disfavor.processing input.submit {
+background:transparent url(../../base/images/icons/icon_processing.gif) no-repeat 0 45%;
+}
 .notice-options .notice_delete {
 background:transparent url(../../base/images/icons/twotone/green/trash.gif) no-repeat 0 45%;
 }