|
|
(8 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | 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('<span id="load">LOADING...</span>');
| |
− | 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;
| |
− |
| |
− | });
| |
− |
| |
− | });
| |