Improved global AJAX loadign div

views/layouts/default.ctp

@@ -156,7 +156,10 @@ if ($session->check('Message.flash')):
     $session->flash();
 endif;
 ?>
-                <div id="globalAjaxLoading"><?php echo $html->image('ajax-loader.gif'); ?></div>
+                <div id="globalAjaxLoading">
+		    <h3>Loading, please wait</h3>
+<?php echo $html->image('ajax-loader.gif'); ?>
+		</div>
 <?php echo $content_for_layout; ?>
 
             </div>
@@ -192,7 +195,10 @@ endif;
 
 
 
-            <div id="ajaxLoading"><?php echo $html->image('ajax-loader.gif'); ?></div>
+            <div id="ajaxLoading">
+		<h2>Loading, please wait..</h2>
+	    <?php echo $html->image('ajax-loader.gif'); ?>
+	    </div>
 
 
             <div id="results"></div>

webroot/css/quotenik.css

@@ -1506,9 +1506,12 @@ div.address span {
 
 #globalAjaxLoading {
     position: absolute;
-    left: 50%;
-    top: 50%;
-
+    left: 40%;
+    top: 15%;
+    background: #E0F2F7;
+    borders: 3px solid;
+    border-radius: 5px;
+    padding: 1em;
 }
 
 .pages {

webroot/js/view_user.js

@@ -1,8 +1,7 @@
 $(function() {
 
     $('#show').hide();
-    $('#enquiryTable').hide();
-
+    
     $("#ajaxLoadEnquiry").hide();
     
 
@@ -33,19 +32,15 @@ $(function() {
     $('#show').click(function() {
 	$(this).hide();
 	$('#hide').show();
-	$("#ajaxLoadEnquiry").show();
-	$('#enquiryTable').slideDown('fast', function() {
-	    $("#ajaxLoadEnquiry").hide();
-	});
+	$('#enquiryTable').slideDown('fast');
 
     });
 
 
     function getPage(url) {
+
 	$.get(url, function(data) {
 	    $('#enquiryTable').html(data);
-	    $('#enquiryTable').slideDown('fast');
-
 	});
 
     }