kleine Hilfestellung in Javascript

[jonas]

guten Morgen!

Ich bräuchte bei der Anpassung eines kleinen JavaSCripts etwas Hilfestellung,

folgendes jquery snippet:

  
  
$(document).ready(function(){  
  
  $('#goajax').click(function(){  
    $('#container').fadeOut(500, function(){ change('menue.html') } );  
  });  
  
  function change(loc){  
    $.ajax({  
      url: loc,  
      type: 'GET',  
      success: function( neueDaten ) {  
        $('#container').html( neueDaten );  
      },  
      complete: function(){  
        $('#container').fadeIn(500);  
      }  
    });  
  }  
});  
  

wird derzeit im onClick event eines beliebigen links hiermit aufgerufen:
<a href="javascript:void(0);" id="goajax" rel="nofollow">Go Ajax!</a>

Da ich je nach Link immer wieder verschiedene files laden möchte, müsste ich das Script so umschreiben, dass ich die Datei die geladen werden soll jeweils im onClick="function.change('xyz.html') angeben kann - nicht nur einmal im header... Soweit ich das verstehe geht es hier nicht um meine spezifischen Unkenntnisse betreffend jquery sondern schlicht um ein grundlegendes unwissen in js... für hilfreiche ratschläge wäre ich sehr dankbar.
mfg jonas

[molily]

Da ich je nach Link immer wieder verschiedene files laden möchte, müsste ich das Script so umschreiben, dass ich die Datei die geladen werden soll jeweils im onClick="function.change('xyz.html') angeben kann

Schreibe die Adresse ins href-Attribut, gebe den Links eine gemeinsame Klasse und spreche die mit jQuery an. Im click-Handler liest du das href-Attribut aus und nutzt den Wert als Parameter für change().

<a href="bla.html" class="mitAjaxLaden">

$("a.mitAjaxLaden").click(function (e) {
   var adresse = $(this).attr("href");
   $('#container').fadeOut(500, function(){ change(adresse) } );
   e.preventDefault();
});

preventDefault sorgt dafür, dass bla.html nicht im Browser annavigiert wird.

Mathias