Auf Linkklick reagieren, statt weiterleiten, Ajax nutzen

[Luisa P.]

Halli Hallo.

Ich habe mir eine Navigation gebastelt und mich ein wenig mit JS und Ajax auseinander gesetzt.

Angenommen ich habe eine Navigation dieser Art:

<ul id='navigation'>
<li><a href="seite1.php">Seite 1</a><li>
<li><a href="seite2.php">Seite 2</a><li>
<li><a href="seite3.php">Seite 3</a><li>
</ul>

So nun möchte ich das wenn ich auf einen Link in "navigation" klicke, dessen href ausgelesen wird und einer Funktion meiner Wahl als Parameter übergeben wird.

Mein Versuch:

var navigation=document.getElementById('navigation');
var theevent=navigation.a.addEventListener("click", theclick, false);

function loggedinclick(){
FunktionMeinerWahl(theevent.href);
}

So Problem Nummer 1: Die Funktion wird nicht aufgerufen
Problem Nummer 2: Die Seite wird so geladen, soll sie aber nicht, der href wert soll ausgelesen werden, danach soll damit gearbeitet werden und ich will mich danach noch auf der selben Seite befinden.

Ich möchte auch nicht jedem Link eine ID zuweisen sondern es irgendwie "abstrakter" und flexibler machen.

Liebe Grüße,

Luisa