AJAX - Div Container einer HTML-Seite neu laden

[Hansii]

Hallo.

Ich hatte vorlanger Zeit schon einmal gesagt, was ich vorhabe. http://www.info-bundesliga.de/design.html

Es geht um die rechte Box. Da steht ja "1. Bundesliga" und "2. Bundesliga". Darunter ist gerade was zur "1.Bundesliga". Wie bekomme ich es hin, dass man, wenn man auf "2.Bundesliga" klickt, sich nur der Inhalt des blauen Feldes ändert ?

Ich weiß, dass man das mit AJAX machen kann. Welche Codes brauch man ? Kennt jemand gute Tutorials ? Habe mit AJAX noch nie gearbeitet.

Danke

PS: Ich weiß, dass das Thema "Fußball" im Internet oft gibt und das "fast" alle das machen, was ich vorhabe.

 

[threadi]

Du wirst doch sicher schon durch eine simple Suchanfrage einige Tutorials gefunden haben? Viele nutzen ja gerne jQuery - dort gibt es selbst im Handbuch ausführliche Beschreibungen und Beispiele:
http://api.jquery.com/jQuery.ajax/

 

[Tronjer]

So etwas lässt sich ähnlich wie ein PHP include() umsetzen, nur eben mit Eventhandler und ohne Seitenrefresh. Die Liste wird in eine separate Datei ausgelagert und beim Klick auf ein Element geladen.

$('#liga1').click(function() {
  $('#bundesliga')load('bundesliga_eins.php');
});

 

[Hansii]

@Tronjer : Kommt der genannte Code von dir in PHP ? Oder wie baue ich diesen in HTML ein ?

Ist es richtig, dass bundesliga_eins.php eine seperate Datei ist, wo der Inhalt steht (des blauen Feldes ) ?

Danke.

 

[threadi]

Das ist jQuery-Code, also JavaScript und gehört somit in die HTML-Ausgabe deiner Webseite.