smileys pour textarea cliquez sur

J'ai une petite question

Je veux cliquer sur mes smileys et insérer le texte dans le textarea.
et lorsque je veux ajouter un smiley plus tard, le smiley devrait être ajouté à la position du curseur et non pas à la fin dans le textarea.

C'est mon html code:

<textarea id="description" name="description"></textarea>

<div id="emoticons">
    <a href="#" title=":)"><img alt=":)" border="0" src="/images/emoticon-happy.png" /></a>
    <a href="#" title=":("><img alt=":(" border="0" src="/images/emoticon-unhappy.png" /></a>
    <a href="#" title=":o"><img alt=":o" border="0" src="/images/emoticon-surprised.png" /></a>
</div>

C'est mon JS code:

$('#emoticons a').click(function(){

    var smiley = $(this).attr('title');
    $('#description').val($('#description').val()+" "+smiley+" ");

});

Ici vous pouvez voir le résultat (PAS de WRAP - CORPS)
http://jsfiddle.net/JVDES/8/

- Je utiliser un extern fichier JS pour mon javascript-code...
Savez-vous pourquoi le code n'est pas en cours d'exécution dans le renvoi automatique à la mode?
http://jsfiddle.net/JVDES/9/

Merci pour votre aide

Ce qui concerne bernte

WOW merci!! Si de nombreuses réponses! 😀 Mais j'ai encore un problème. Le problème dans tous les codes de même! Exemple: j'écris HOHO que je clique sur le 1ère,2ème, 3ème smiley que je clique sur le curseur devant HOHO puis cliquez sur 1ère et 2ème smilie.. Vous verrez que le dernier smiley n'est pas sur la bonne position! Dans google chrome, le résultat est très mauvais! Avec le même exemple les smileys sont dans le mauvais ordre. Est-il un moyen de mettre le curseur dans le textarea après l'ajout de smiley?

OriginalL'auteur bernte | 2012-06-17