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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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