Transmettre variable href

Bonjour, voici mon cas :

J'ai, dans la page index.htm, trois liens :

Code:

---

1 2 3 4

<a id ="lien" href="page_1.htm" onclick="javascript(); return false;">page 1</a> <a id ="lien" href="page_2.htm" onclick="javascript(); return false;">page 2</a> <a id ="lien" href="page_3.htm" onclick="javascript(); return false;">page 3</a>

---

Mon but ultime est de récupérer le "href" du lien cliqué !

Lorsque je clique un un des liens, la fonction "javascript" suivante est appelée :

Code : JavaScript

Code:

---

1 2 3 4 5 6

function javascript() { var lien=document.getElementById('lien').href; document.write (lien); }

---

Comme cela, je récupère le "href" du premier lien, à savoir "page_1.htm".

Le problème est que même si je clique sur le deuxième lien, "var lien" est toujours égale à "page_1.htm" !

C'est ici que je bloque... il faut absolument que je puisse récupérer la valeur "href" du lien cliqué.

Pouvez-vous m'aider ?
Merci d'avance

Précision : l'id des liens portera toujours le même nom, à savoir "lien".

un id doit être unique sur la page !!!!!!!

et là en plus meme pas besoin de l'id ...

Code:

---

1 2 3

<a href="page_1.htm" onclick="javascript(this.href); return false;">page 1</a> <a href="page_2.htm" onclick="javascript(this.href); return false;">page 2</a> <a href="page_3.htm" onclick="javascript(this.href); return false;">page 3</a>

---

mais bon appeler une fonction javascript :roll:

Merci Spacefrog

Effectivement, ma fonction est incorrecte, ainsi que les id multiples.
J'ai réussi comme cela :

<a href="page_1.htm" onclick="javascript(this.href); return false;">page 1</a>
<a href="page_2.htm" onclick="javascript(this.href); return false;">page 2</a>
<a href="page_3.htm" onclick="javascript(this.href); return false;">page 3</a>

function javascript(href)
{
var lien=href;
document.write (lien);
}

@+ ;-)