Team:TU Delft/pieter/loadtest

From 2010.igem.org

(Difference between revisions)

Latest revision as of 17:47, 22 July 2010

Ajax load
load 1
load 2
load 3

Loaded html:

@@ Line 1: / Line 1: @@
 <html>
-<script type="text/javascript" src="http://nix.lv/history/jquery.history.js"></script>
+<script type="text/javascript" src="https://2010.igem.org/Team:TU_Delft/files/jquery_hashchange_min?action=raw&gen=js"></script>
-	<script type="text/javascript">
-	function pageload(hash) {
+<script type="text/javascript" src="http://github.com/cowboy/jquery-hashchange/raw/v1.3/jquery.ba-hashchange.js"></script>
+<script type="text/javascript">
+function rewriteLinks(elem) {
+$("a", elem).each(function(){
+var isFound = $( this ).attr( 'href' ).toString().search( new RegExp( /Team:TU_Delft/i ) );
+if(isFound > 0) {
+this.href = this.href.replace("Team:TU_Delft/", wgPageName+ "#");
+}
+});
+}
+	function hashchangecb() {
+		var hash=location.hash;
 		// hash doesn't contain the first # character.
 		if(hash) {
-			// restore ajax loaded state
+		var url = wgServer + "/Team:TU_Delft/pieter/loadtest/" +hash.substring(1)+ "?action=render";
-alert(wgServer+"/Team:TU_Delft/"+hash+"?action=render");
+		$.get(url, function(data) {
-			//$("#load").load(hash + ".html");
+			$("#load").html(data).fadeIn(200);
+//			rewriteLinks($("#load"));
+		});
 		} else {
 			// start page
-			//$("#load").empty();
+			$("#load").empty();
 		}
 	}
-	$(function() {
-		// Initialize history plugin.
+	$(function() {
-		// The callback is called at once by present location.hash.
+		$(window).hashchange(hashchangecb);
-		$.history.init(pageload);
+		// set click event for buttons
-		// set onlick event for buttons
 		$("a.menu").click(function(){
 			//
 			var hash = this.href;
 			hash = hash.replace(/^.*#/, '');
-			// moves to a new page.
+			location.hash=hash;
-			// pageload is called at once.
-			$.history.load(hash);
 			return false;
 		});