Positionnement d'une image dans un "textarea"

Bonjour,

Je commence mes premiers pas en javascript et c'est pas terrible à première vue cela fait deux jour que je tente l'amélioration d'un code sans y arriver pour l'insertion d'une image dans un "textarea" pour une news:

Première partie dans le formulaire le bouton qui appel l'image:

Code:

---

1 2	<img src="smiles/smile_confus.gif" title="inserer un smile tête confuse" alt="tête confuse" onClick="javascript:smiles('[smile_confus]');return(false)" />

---

la portion de code qui transforme le tag en balise pour l'affichage instantané:

Code:

---

1 2	t=remplace_tag(/\[smile_confus]/g,'<img src="smiles/smile_confus.gif" alt="tête confus" />',t)

---

la portion de code javascript qui affiche l'image demandée dans le "textarea" que je n'arrive pas à adapter pour un fonctionnement optimal:

Code:

---

1 2 3 4 5

function smiles(img) { window.document.formulairenews.textarea.value += '' + img + ''; }

---

Mon problème est que quelque soit la position de mon curseur dans le "textarea" l'image est insérer à la fin du "textarea".

Exemple si j'ai mis dans mon "textarea" ce texte:
le petit enfant est très content (position du curseur pour insertion smiles) de son cadeau.
il sera quand même insérer à la fin du champ lors du clic.

Merci pour votre aide.

Code:

---

window.document.formulairenews.textarea.value += '' + img + '';

---

En faisant ça, c'est sur que ça ne marchera pas.
Tout simplement car lorsque l'on fait :

Code:

---

variable += 'coucou';

---

ca revient a faire

Code:

---

variable = variable + 'coucou';

---

Donc fatalement ton smiley va se mettre à la fin.

Apparamment la solution réside dans une createTextRange etc... mais je n'ai jamais utilisé ceci. ;)

utilises

Code:

---

window.document.formulairenews.textarea.selectionStart

---

et

Code:

---

window.document.formulairenews.textarea.selectionEnd

---

pour repérer la sélection dans le textarea et la remplacer par ton image.