Preloader

gistfile1.js

function sortAjax(scheme, path, cat) {

	var preloader = '<div id="parent">'+
						'<div id="child">'+
							'<img src="'+path+'/images/gif-loading.gif">'+
							'Подождите, идет загрузка...'+
						'</div>'+
					'</div>';
	switch(scheme) {
		case "exhibition":
					jQuery(".ajax-events").click(function(event){
						event.preventDefault(); // does not redirect on page
						jQuery('#exhibition-content').empty();
						jQuery('#category-exhibition').prepend(preloader);
						jQuery.ajax({
							url: path+"/ajaxEvents.php",
							type: 'POST',
							data: {cat: "cat=34", action: "events", scheme: scheme}, 
							success: function(data){
								jQuery(data).prependTo("#exhibition-content");
							}
						}).done(function() { jQuery('#parent').remove() });
					});
					jQuery(".ajax-preview").click(function(event){
						event.preventDefault(); // does not redirect on page
						jQuery('#exhibition-content').empty();
						jQuery('#category-exhibition').prepend(preloader);
						jQuery.ajax({
							url: path+"/ajaxEvents.php",
							type: 'POST',
							data: {cat: cat, action: "preview", scheme: scheme}, 
							success: function(data){
								jQuery(data).prependTo("#exhibition-content");
							}
						}).done(function() { jQuery('#parent').remove() });
					});
					jQuery(".ajax-now").click(function(event){
						event.preventDefault(); // does not redirect on page
						jQuery('#exhibition-content').empty();
						jQuery('#category-exhibition').prepend(preloader);
						jQuery.ajax({
							url: path+"/ajaxEvents.php",
							type: 'POST',
							data: {cat: cat, action: "now", scheme: scheme}, 
							success: function(data){
								jQuery(data).prependTo("#exhibition-content");
							}
						}).done(function() { jQuery('#parent').remove() });
					});
			break;
			
		case "about":
					jQuery(".ajax-events").click(function(event){
						event.preventDefault(); // does not redirect on page
						jQuery('#inside-page').attr("id", "category-exhibition");
						jQuery('#about-sidebar-block').remove();
						jQuery('.out-content').empty();
						jQuery('#category-exhibition').prepend(preloader);
						jQuery.ajax({
							url: path+"/ajaxEvents.php",
							type: 'POST',
							data: {cat: "cat=34", action: "events", scheme: "exhibition"}, 
							success: function(data){
								jQuery(data).prependTo(".out-content");
							}
						}).done(function() { jQuery('#parent').remove() });
					});
					jQuery(".ajax-preview").click(function(event){
						event.preventDefault(); // does not redirect on page
						jQuery('#inside-page').attr("id", "category-exhibition");
						jQuery('#about-sidebar-block').remove();
						jQuery('.out-content').empty();
						jQuery('#category-exhibition').prepend(preloader);
						jQuery.ajax({
							url: path+"/ajaxEvents.php",
							type: 'POST',
							data: {cat: cat, action: "preview", scheme: "exhibition"}, 
							success: function(data){
								jQuery(data).prependTo(".out-content");
							}
						}).done(function() { jQuery('#parent').remove() });
					});
					jQuery(".ajax-now").click(function(event){
						event.preventDefault(); // does not redirect on page
						jQuery('#inside-page').attr("id", "category-exhibition");
						jQuery('#about-sidebar-block').remove();
						jQuery('.out-content').empty();
						jQuery('#category-exhibition').prepend(preloader);
						jQuery.ajax({
							url: path+"/ajaxEvents.php",
							type: 'POST',
							data: {cat: cat, action: "now", scheme: "exhibition"}, 
							success: function(data){
								jQuery(data).prependTo(".out-content");
							}
						}).done(function() { jQuery('#parent').remove() });
					});
			break;
			
		case "main":
					/*jQuery(".ajax-events").click(function(event){
						event.preventDefault(); // does not redirect on page
						jQuery('#news-align .news-block').remove();
						jQuery('#news-align').attr("id", "category-exhibition");
						jQuery.post(path+"/ajaxEvents.php" ,{cat: "cat=34", action: "events", scheme: "exhibition"}, 
							function(data){ 
							  jQuery(data).prependTo("#category-exhibition");
							}
						);
					});*/
					jQuery(".ajax-preview").click(function(event){
						event.preventDefault(); // does not redirect on page
						jQuery('#news-align .news-block').remove();
						jQuery('#news-align').prepend(preloader);
						jQuery.ajax({
							url: path+"/ajaxEvents.php",
							type: 'POST',
							data: {cat: cat, action: "preview", scheme: scheme}, 
							success: function(data){
								jQuery(data).prependTo("#news-align");
							}
						}).done(function() { jQuery('#parent').remove() });
					});
					jQuery(".ajax-now").click(function(event){
						event.preventDefault(); // does not redirect on page
						jQuery('#news-align .news-block').remove();
						jQuery('#news-align').prepend(preloader);
						jQuery.ajax({
							url: path+"/ajaxEvents.php",
							type: 'POST',
							data: {cat: cat, action: "now", scheme: scheme}, 
							success: function(data){
								jQuery(data).prependTo("#news-align");
							}
						}).done(function() { jQuery('#parent').remove() });
					});
			break;
	}
}