springup/cmc-sales
2
0
Fork 0
Code Issues 49 Pull requests Actions Packages Projects Releases Wiki Activity

Improved global AJAX loadign div

Browse source
This commit is contained in:
Karl Cordes 2011-07-15 12:56:08 +10:00
parent 1eb7fc6478
commit b4c0f38ae8
3 changed files with 17 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
views/layouts/default.ctp
View file

@ -156,7 +156,10 @@ if ($session->check('Message.flash')):
$session->flash(); $session->flash();
endif; 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; ?> <?php echo $content_for_layout; ?>
</div> </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> <div id="results"></div>

9
webroot/css/quotenik.css
View file

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

11
webroot/js/view_user.js
View file

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