Team:TU Delft/pieter/loadtest

From 2010.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
<html>
<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">
 
-
var $j = jQuery.noConflict();
 
-
var $ = {};
 
-
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.
// hash doesn't contain the first # character.
if(hash) {
if(hash) {
-
// restore ajax loaded state
+
var url = wgServer + "/Team:TU_Delft/pieter/loadtest/" +hash.substring(1)+ "?action=render";
-
$j("#load").load(hash + ".html");
+
$.get(url, function(data) {
 +
$("#load").html(data).fadeIn(200);
 +
// rewriteLinks($("#load"));
 +
});
} else {
} else {
// start page
// start page
-
$j("#load").empty();
+
$("#load").empty();
}
}
}
}
 +
 +
$(function() {
 +
$(window).hashchange(hashchangecb);
 +
 +
// set click event for buttons
 +
$("a.menu").click(function(){
 +
//
 +
var hash = this.href;
 +
hash = hash.replace(/^.*#/, '');
 +
location.hash=hash;
 +
return false;
 +
});
 +
 +
});
Line 23: Line 58:
Ajax load<br>
Ajax load<br>
-
<a href="#1" rel="history">load 1</a><br>
+
<a href="#1" class="menu">load 1</a><br>
-
<a href="#2" rel="history">load 2</a><br>
+
<a href="#2" class="menu">load 2</a><br>
-
<a href="#3" rel="history">load 3</a><br>
+
<a href="#3" class="menu">load 3</a><br>
<hr>
<hr>
Loaded html:<br>
Loaded html:<br>
<div id="load"></div></html>
<div id="load"></div></html>

Latest revision as of 17:47, 22 July 2010

Ajax load
load 1
load 2
load 3

Loaded html:

Retrieved from "http://2010.igem.org/Team:TU_Delft/pieter/loadtest"