Table Row Click, Chargement externe

S’il vous plaît voir:

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

Je veux faire tout ce que la démo fait, en utilisant uniquement un clic sur la ligne de la table au lieu d’un lien href. Comment puis-je faire cela?

MODIFIER

Ceci est le code im essayant d’utiliser:

 $(document).ready(function() { // Check for hash value in URL var hash = window.location.hash.substr(1); var href = $('#MyTable_ID tr td').each(function(){ var href = $(this).attr('href'); if(hash==href.substr(0,href.length-5)){ var toLoad = hash+'.html #DivContent_ID'; $('#DivContent_ID').load(toLoad) } }); $('#MyTable_ID tr td').click(function(){ var toLoad = $(this).attr('rel')+' #DivFromExternalPage'; $('#DivContent_ID').hide('fast',loadContent); $('#load').remove(); $('#wrapper').append('LOADING...'); $('#load').fadeIn('normal'); window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); function loadContent() { $('#DivContent_ID').load(toLoad,'',showNewContent()) } function showNewContent() { $('#DivContent_ID').show('normal',hideLoader()); } function hideLoader() { $('#load').fadeOut('normal'); } return false; }); });  

append une table avec un identifiant, tel que id = ‘links’

comme

  

et ensuite changer

 $('#nav li a').click(function(){ //change the targeted element var toLoad = $(this).attr('href')+' #content'; //was the source of the URL we needed 

à

 $('#links tr td').click(function(){ //changed to the td inside a ID'd table var toLoad = $(this).attr('rel')+' #content'; //the rel atsortingbute now holds that URL for us...