Team:TU-Munich/TUM13 ajax.js
From 2013.igem.org
(Difference between revisions)
Line 29: | Line 29: | ||
$('#top-section').replaceWith($(render).find('#top-section')); | $('#top-section').replaceWith($(render).find('#top-section')); | ||
$(oldContent).remove(); | $(oldContent).remove(); | ||
+ | console.log('removed'); | ||
$('#wikicontent').prepend(newContent); | $('#wikicontent').prepend(newContent); | ||
+ | console.log('added'); | ||
$('#ajax-overlay').fadeOut(400, function(){ | $('#ajax-overlay').fadeOut(400, function(){ | ||
$('#ajax-overlay').remove(); | $('#ajax-overlay').remove(); | ||
+ | console.log('fade finished'); | ||
}); | }); | ||
+ | console.log('fade'); | ||
ajaxReady(); | ajaxReady(); | ||
} | } |
Revision as of 21:36, 27 October 2013
function ajaxBinding() {
var links = new Array(); var candidates = $('#bodyContent a, #footer-box a').not('.bx-controls a'); for (i = 0; i < candidates.length; i++) { if ( candidates[i].href.search('https://2013.igem.org/Team:TU-Munich') != -1 && candidates[i].href.search('#') == -1 && candidates[i].href.search('Labjournal') == -1 ) { links.push(candidates[i]); } }
$(links).click(function(e){ e.preventDefault(); History.pushState(null, this.href.substring(21) + ' - 2013.igem.org', this.href); });
}
function ajaxLoad(url) {
ajaxSrc = url; $.ajax({ url: ajaxSrc, type: "GET", error: function(xhr, status) { window.location = ajaxSrc; }, success: function(render) { oldContent = $('#wikicontent').children().not('#ajax-overlay'); newContent = $(render).find('#wikicontent').children(); $('#top-section').replaceWith($(render).find('#top-section')); $(oldContent).remove(); console.log('removed'); $('#wikicontent').prepend(newContent); console.log('added'); $('#ajax-overlay').fadeOut(400, function(){ $('#ajax-overlay').remove(); console.log('fade finished'); }); console.log('fade'); ajaxReady(); } });overlay = $('
<img src="" />
');
$(overlay).hide(); $('#wikicontent').append(overlay); $(window).off('scroll', gotop); $('html, body').animate({scrollTop : 0},400,'swing',function(){ $("a#gotop").fadeOut(400); }); $(overlay).fadeIn(400);
}
function ajaxStateChange(e) {
//alert(History.getState().url); ajaxLoad(History.getState().url);
}
History.Adapter.bind(window, 'statechange', ajaxStateChange);
$(document).ready(ajaxBinding);
function ajaxReady() {
ajaxBinding(); myWikiReady();
}