public function render()
{
?>
<div id="cardLoadingImg"
style="width: 100%; height: 200px; text-align: center; background: url(<?php
echo Qdmvc_Helper::getImgURL("ajax-loader_blue.gif");
?>
) no-repeat center center transparent">
<h4>Loading...</h4>
</div>
<?php
}
private function progressSpinner()
{
?>
<style>
.ajax_loader {
background: url(<?php
echo Qdmvc_Helper::getImgURL("ajax-loader_blue.gif");
?>
) no-repeat center center transparent;
width: 100%;
height: 100%;
}
</style>
<script>
/*
* Ajax overlay 1.0
* Author: Simon Ilett @ aplusdesign.com.au
* Descrip: Creates and inserts an ajax loader for ajax calls / timed events
* Date: 03/08/2011
*/
function ajaxLoader(el, options) {
// Becomes this.options
var defaults = {
bgColor: '#fff',
duration: 800,
opacity: 0.7,
classOveride: false
};
this.options = jQuery.extend(defaults, options);
this.container = jQuery(el);
this.init = function () {
var container = this.container;
// Delete any other loaders
this.remove();
// Create the overlay
var overlay = jQuery('<div></div>').css({
'background-color': this.options.bgColor,
'opacity': this.options.opacity,
'width': container.width(),
'height': container.height(),
'position': 'absolute',
'top': '0px',
'left': '0px',
'z-index': 99999
}).addClass('ajax_overlay');
// add an overiding class name to set new loader style
if (this.options.classOveride) {
overlay.addClass(this.options.classOveride);
}
// insert overlay and loader into DOM
container.append(
overlay.append(
jQuery('<div></div>').addClass('ajax_loader')
).fadeIn(this.options.duration)
);
};
this.remove = function () {
var overlay = this.container.children(".ajax_overlay");
if (overlay.length) {
overlay.fadeOut(this.options.classOveride, function () {
overlay.remove();
});
}
};
this.init();
}
</script>
<script>
//trigger open windows
(function ($) {
$(document).ready(function () {
//var ajax_loader;
$.ajaxSetup({
beforeSend: function () {
},
complete: function () {
//$('#loader').hide();
//ajax_loader.remove();
}
/*
,success: function() {
}*/
});
});
})(jQuery);
</script>
<?php
}
