Team:TU Delft/files/main.js

From 2010.igem.org

(Difference between revisions)
(New page: //Global Vars var activePage; // Set document ready callback $(function() { // Initialize history plugin. $(window).hashchange(historyCallback); rewriteLinks($("#navlist")); historyC...)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
//Global Vars
//Global Vars
-
var activePage;
+
var currentPage;
 +
 
 +
 
 +
function dbgout(msg) {
 +
  var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
 +
  if(is_chrome) console.log(msg);
 +
}
// Set document ready callback
// Set document ready callback
Line 32: Line 38:
}
}
return kvmap;
return kvmap;
 +
}
 +
 +
function makeHash(page, kvmap) {
 +
var str = '#page=' + page;
 +
var i;
 +
if (kvmap) {
 +
for(i in kvmap) {
 +
str += '&' + i + '=' + kvmap[i];
 +
}
 +
}
 +
return str; 
 +
}
 +
 +
function setHash(page, kvmap) {
 +
location.hash = makeHash(page,kvmap);
 +
}
 +
 +
 +
function include_js(file, cb) {
 +
    var html_doc = document.getElementsByTagName('head')[0];
 +
    var js = document.createElement('script');
 +
    js.setAttribute('type', 'text/javascript');
 +
    js.setAttribute('src', file);
 +
    html_doc.appendChild(js);
 +
 +
    js.onreadystatechange = function () {
 +
        if (js.readyState == 'complete') {
 +
cb();
 +
        }
 +
    }
 +
 +
    js.onload = cb;
 +
}
 +
 +
function loadScript(src, callback)
 +
{
 +
  include_js(src, callback);
}
}
function loadPage(page)
function loadPage(page)
{
{
-
activePage = page;
+
currentPage = page;
var url = wgServer + "/Team:TU_Delft/" + page + "?action=render";
var url = wgServer + "/Team:TU_Delft/" + page + "?action=render";
 +
$(window).trigger('page_close');
$("#load").fadeOut(200);
$("#load").fadeOut(200);
-
if (isDefined('page_init'))  
+
 
-
delete page_init;
+
var processPage = function(next) {
 +
dbgout('processPage: ' + page);
 +
$(window).trigger('page_init');
 +
rewriteLinks($("#load"));
 +
next();
 +
}
$.get(url, function(data) {
$.get(url, function(data) {
-
$("#load").html(data).fadeIn(200).queue(function() {
+
$("#load").html(data).fadeIn(200).queue(processPage);
-
if(isDefined('page_init')) page_init();
+
-
rewriteLinks($("#load"));
+
-
});
+
});
});
}
}
Line 55: Line 101:
hash = hash.substring(1);
hash = hash.substring(1);
if(hash.split('=').length > 1) {
if(hash.split('=').length > 1) {
-
    var kvmap = splitHash(hash);
+
var kvmap = splitHash(hash);
-
if (kvmap.page && kvmap.page != activePage) {
+
var changepage;
-
loadPage(kvmap.page);
+
 
 +
// looks a little clumsy, but js AND operator conflicts with mediawiki markup
 +
if (kvmap.page) if(kvmap.page != currentPage) changepage = kvmap.page;
 +
 
 +
if (changepage) {
 +
loadPage(changepage);
} else
} else
-
$(window).trigger('hashupdate', [ kvmap ]);
+
$(window).trigger('hashupdate');
}
}
} else {
} else {
-
loadPage('pages/home');
+
setHash('pages/home');
}
}
}
}
Line 70: Line 121:
$("a",elem).each(function() {
$("a",elem).each(function() {
var txt = $(this).text();
var txt = $(this).text();
 +
var url = this.href;
if(this.hash)
if(this.hash)
Line 75: Line 127:
else if(txt != "edit")
else if(txt != "edit")
this.href = this.href.replace("https://2010.igem.org/Team:TU_Delft/", "#page=");
this.href = this.href.replace("https://2010.igem.org/Team:TU_Delft/", "#page=");
 +
 +
// dbgout('rewriting ' + url + ' to ' + this.href);
});
});
}
}

Latest revision as of 16:22, 15 September 2010

//Global Vars var currentPage;


function dbgout(msg) {

 var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
 if(is_chrome) console.log(msg);

}

// Set document ready callback $(function() { // Initialize history plugin. $(window).hashchange(historyCallback); rewriteLinks($("#navlist"));

historyCallback();

// setup hovering $(".menu_button").hover( function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); } ); });


function isDefined(variable) {

   return typeof(window[variable]) != "undefined";

}

function splitHash(hash) { var kvpairs = hash.split('&'); var i; var kvmap = {}; for(i=0;i<kvpairs.length;i++) { var s = kvpairs[i].split('='); kvmap[s[0]] = s[1]; } return kvmap; }

function makeHash(page, kvmap) { var str = '#page=' + page; var i; if (kvmap) { for(i in kvmap) { str += '&' + i + '=' + kvmap[i]; } } return str; }

function setHash(page, kvmap) { location.hash = makeHash(page,kvmap); }


function include_js(file, cb) {

   var html_doc = document.getElementsByTagName('head')[0];
   var js = document.createElement('script');
   js.setAttribute('type', 'text/javascript');
   js.setAttribute('src', file);
   html_doc.appendChild(js);
   js.onreadystatechange = function () {
       if (js.readyState == 'complete') {

cb();

       }
   }
   js.onload = cb;

}

function loadScript(src, callback) {

 include_js(src, callback);

}

function loadPage(page) { currentPage = page; var url = wgServer + "/Team:TU_Delft/" + page + "?action=render"; $(window).trigger('page_close'); $("#load").fadeOut(200);

var processPage = function(next) { dbgout('processPage: ' + page); $(window).trigger('page_init'); rewriteLinks($("#load")); next(); }

$.get(url, function(data) { $("#load").html(data).fadeIn(200).queue(processPage); }); }

function historyCallback() { var hash = location.hash; if(hash) { hash = hash.substring(1); if(hash.split('=').length > 1) { var kvmap = splitHash(hash); var changepage;

// looks a little clumsy, but js AND operator conflicts with mediawiki markup if (kvmap.page) if(kvmap.page != currentPage) changepage = kvmap.page;

if (changepage) { loadPage(changepage); } else $(window).trigger('hashupdate'); } } else { setHash('pages/home'); } }


function rewriteLinks(elem) { $("a",elem).each(function() { var txt = $(this).text(); var url = this.href;

if(this.hash) this.href = this.hash; else if(txt != "edit") this.href = this.href.replace("https://2010.igem.org/Team:TU_Delft/", "#page=");

// dbgout('rewriting ' + url + ' to ' + this.href); }); }