Add a "loading" spinner for live preview

diff --git a/skins/common/preview.js b/skins/common/preview.js
index 5aaa85a..ea88cdc 100644 (file)
--- a/skins/common/preview.js
+++ b/skins/common/preview.js
@@ -20,6 +20,10 @@ function doLivePreview( e ) {
        $j('.templatesUsed').slideUp();
        $j('.hiddencats').slideUp();
        
+       // Display a loading graphic
+       var loadSpinner = $j('<div class="mw-ajax-loader"/>');
+       $j('#wikiPreview').before( loadSpinner );
+       
        var page = $j('<html/>');
        page.load( wgScript+'?action=submit',
                                postData,
@@ -37,6 +41,8 @@ function doLivePreview( e ) {
                                $j(copyElements[i]).attr( 'class', newClasses );
                        }
                        
+                       loadSpinner.remove();
+                       
                        $j('#wikiPreview').slideDown();
                } );
 }