Difference between revisions of "Team:ZJU-China/js/globe/ZJU-ajax.js"

Line 11: Line 11:
  
 
jQuery('#nav li a').click(function(){
 
jQuery('#nav li a').click(function(){
 
+
 +
var iWidth = document.documentElement.clientWidth;
 +
var iHeight = document.documentElement.clientHeight;
 +
var bgObj = document.createElement("div");
 +
bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:998;";
 +
document.body.appendChild(bgObj); 
 +
 
 
var toLoad = jQuery(this).attr('href')+' #page-content-wrapper';
 
var toLoad = jQuery(this).attr('href')+' #page-content-wrapper';
 
jQuery('#page-content-wrapper').hide('fast',loadContent);
 
jQuery('#page-content-wrapper').hide('fast',loadContent);
Line 25: Line 31:
 
}
 
}
 
function hideLoader() {
 
function hideLoader() {
     setTimeout(function() { jQuery('#load').fadeOut('normal');}, 1000);
+
     setTimeout(function() { jQuery('#load').fadeOut('normal');  document.body.removeChild(bgObj); }, 1000);
 
 
 
}
 
}

Revision as of 15:45, 5 September 2015

jQuery(document).ready(function() {

var hash = window.location.hash.substr(1); var href = jQuery('#nav li a').each(function(){ var href = jQuery(this).attr('href'); if(hash==href.substr(0,href.length-5)){ var toLoad = hash+'.html #page-content-wrapper'; jQuery('#page-content-wrapper').load(toLoad) } });

jQuery('#nav li a').click(function(){

var iWidth = document.documentElement.clientWidth; 
var iHeight = document.documentElement.clientHeight; 
var bgObj = document.createElement("div"); 
bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:998;";
document.body.appendChild(bgObj);  

var toLoad = jQuery(this).attr('href')+' #page-content-wrapper'; jQuery('#page-content-wrapper').hide('fast',loadContent); jQuery('#load').remove(); jQuery('#wrapper').append('LOADING...'); jQuery('#load').fadeIn('normal'); window.location.hash = jQuery(this).attr('href').substr(0,jQuery(this).attr('href').length-5); function loadContent() { jQuery('#page-content-wrapper').load(toLoad,,showNewContent()) } function showNewContent() { jQuery('#page-content-wrapper').show('normal',hideLoader()); } function hideLoader() {

   setTimeout(function() { jQuery('#load').fadeOut('normal');  document.body.removeChild(bgObj); }, 1000);

} return false;

});

});