Jquery et id identiques

Bonsoir à tous,

J'essaye de faire un système de smiley et je souhaiterai qu'au clic d'un smiley ce dernier se retrouve dans un input. Voici à quoi ressemble les liens:

Code:

---

1 2 3 4 5 6 7

<a href="#" id="smiley" title="^^" /><img src="img/smileys/^^.gif" /></a> <a href="#" id="smiley" title=":'(" /><img src="img/smileys/cry.gif" /></a> <a href="#" id="smiley" title=":(" /><img src="img/smileys/frown.gif" /></a> <a href="#" id="smiley" title=":)" /><img src="img/smileys/happy.gif" /></a> <a href="#" id="smiley" title=":))" /><img src="img/smileys/he.gif" /></a> <a href="#" id="smiley" title="(l)" /><img src="img/smileys/heart.gif" /></a>

---

Pour l'instant j'en suis là dans le JavaScript:

Code:

---

1 2 3 4 5 6

// Selectionner les smileys et le envoyer dans le input $("a#smiley").click(function() { var smiley = $("input[@name=input]").val() + $(this).("img#smiley").attr("title"); $("input[@name=input]").val(smiley); });

---

Le problème c'est que le code fonctionne que pour le premier car je pense que les id identiques posent problème.

Quelqu'un pourrai me filer un coup de main?

Nico

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

il ne faut pas mettre d'id, mais une classe.

Code:

---

1 2 3 4 5 6

<a href="#" class="smiley" title="^^" /><img src="img/smileys/^^.gif" /></a> <a href="#" class="smiley" title=":'(" /><img src="img/smileys/cry.gif" /></a> <a href="#" class="smiley" title=":(" /><img src="img/smileys/frown.gif" /></a> <a href="#" class="smiley" title=":)" /><img src="img/smileys/happy.gif" /></a> <a href="#" class="smiley" title=":))" /><img src="img/smileys/he.gif" /></a> <a href="#" class="smiley" title="(l)" /><img src="img/smileys/heart.gif" /></a>

---

puis

Code:

---

1 2 3 4 5 6

$("a.smiley").each(function() { $(this).click(function() { // code }); });

---

Merci pour cette mise au clair concernant les id uniques!

Je sais pas ce que je ferai sans ce forum :aie:

Nico