Team:TU Delft
From 2010.igem.org
(Difference between revisions)
Line 43: | Line 43: | ||
var in_frame_test = 1; | var in_frame_test = 1; | ||
var ampersandStr = String.fromCharCode(38); | var ampersandStr = String.fromCharCode(38); | ||
+ | var loading_home = false; | ||
function dbgout(msg) { | function dbgout(msg) { | ||
Line 123: | Line 124: | ||
var url = wgServer + "/Team:TU_Delft/" + page + "?action=render"; | var url = wgServer + "/Team:TU_Delft/" + page + "?action=render"; | ||
$(window).trigger('page_close'); | $(window).trigger('page_close'); | ||
- | $("# | + | |
+ | if(!loading_home) { | ||
+ | $("#TUD-loading-panel").show(); | ||
+ | $("#loading-overlay").show(); | ||
+ | } | ||
+ | loading_home = false; | ||
var processPage = function(next) { | var processPage = function(next) { | ||
Line 133: | Line 139: | ||
$.get(url, function(data) { | $.get(url, function(data) { | ||
- | + | // $("#iGEM_TU_Delft_container").fadeOut(200); | |
+ | $("#iGEM_TU_Delft_container").html(data).queue(processPage); | ||
buildBreadCrumbTrail(page); | buildBreadCrumbTrail(page); | ||
Cufon.replace('h2'); // Works without a selector engine | Cufon.replace('h2'); // Works without a selector engine | ||
Line 139: | Line 146: | ||
Cufon.replace('#sub1'); // Requires a selector engine for IE 6-7, see above | Cufon.replace('#sub1'); // Requires a selector engine for IE 6-7, see above | ||
$("tr:nth-child(odd)").addClass("odd"); | $("tr:nth-child(odd)").addClass("odd"); | ||
+ | |||
+ | $("#TUD-loading-panel").hide(); | ||
+ | $("#loading-overlay").hide(); | ||
}); | }); | ||
} | } | ||
Line 159: | Line 169: | ||
} | } | ||
} else { | } else { | ||
+ | loading_home = true; | ||
setHash('Home'); | setHash('Home'); | ||
} | } | ||
Line 443: | Line 454: | ||
.TUD-logo span { | .TUD-logo span { | ||
visibility: hidden; | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | #TUD-loading-panel { | ||
+ | z-index: 100; | ||
+ | position: absolute; | ||
+ | left: 0px; | ||
+ | top: 0px; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #TUD-loading-panel-logo { | ||
+ | margin: 0 auto; | ||
+ | margin-top: 250px; | ||
+ | } | ||
+ | |||
+ | #loading-overlay { | ||
+ | z-index: 70; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | display:none; | ||
+ | opacity:0.4; | ||
+ | filter:alpha(opacity=40); | ||
} | } | ||
Line 526: | Line 562: | ||
<!-- Main CSS - END /--> | <!-- Main CSS - END /--> | ||
<a name="top"></a> | <a name="top"></a> | ||
+ | |||
+ | <div id="TUD-loading-panel"> | ||
+ | <div id="TUD-loading-panel-logo"> | ||
+ | <!-- yes im using center --> | ||
+ | <center><img width="100" height="120" src="https://static.igem.org/mediawiki/2010/d/d8/TUDelft_2010_AlkanivoreAnimated.gif"></img></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
<div id="TUD-main-wrapper2"> | <div id="TUD-main-wrapper2"> | ||
<div id="TUD-main-wrapper"> | <div id="TUD-main-wrapper"> | ||
Line 621: | Line 665: | ||
<div id="TUD-body-content"> | <div id="TUD-body-content"> | ||
<div id="TUD-main-content"> | <div id="TUD-main-content"> | ||
+ | <div id="loading-overlay"></div> | ||
<div id="breadcrumbs"></div> | <div id="breadcrumbs"></div> | ||
<div id="iGEM_TU_Delft_container"> | <div id="iGEM_TU_Delft_container"> |