Discussion :

[Hightuxdotnet]

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

[SpaceFrog]

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

[NeqO55]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
$("a.smiley").each(function() {
  $(this).click(function() {
    // code
  });
});

[Hightuxdotnet]

Merci pour cette mise au clair concernant les id uniques!

Je sais pas ce que je ferai sans ce forum

Nico