Bonsoir à tous!

Voila, j'ai un petit script me permettant de cliquer sur un smiley et son code apparait directement dans mon textarea1.

Le problème est que quand l'on clic sur le smiley, il met le code d'office à la fin de tout le texte, j'aimerai que si l'on met le curseur au début, milieu de texte... le smiley se mette ou l'on veut et non d'office à la fin!

Voici mon script:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
        <tr>
          <td width="50%"><p align="left">&nbsp;<script type="text/javascript">
<!--
function smiley(code)
{
var element = document.getElementById('textarea1');
element.value = element.value+''+code;
}
-->
    </script><textarea id="textarea1" cols="50" rows="8" name="ecard_message">{FORM_VALUE_ECARD_MESSAGE}</textarea></td>
          <td width="50%">
          <a href="javascript: smiley(' :smiley4: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley4.gif" alt="Smiley" border="no" /></a>
          <a href="javascript: smiley(' :smiley21: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley21.gif" alt="Smiley" border="no" /></a>
          <a href="javascript: smiley(' :smiley22: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley22.gif" alt="Smiley" border="no" /></a>
          <a href="javascript: smiley(' :smiley23: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley23.gif" alt="Smiley" border="no" /></a>
          <a href="javascript: smiley(' :smiley1: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley1.gif" alt="Smiley" border="no" /></a><br><a href="javascript: smiley(' :smiley3: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley3.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley5: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley5.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley6: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley6.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley7: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley7.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley8: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley8.gif" alt="Smiley" border="no" /></a><br><a href="javascript: smiley(' :smiley9: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley9.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley10: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley10.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley11: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley11.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley12: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley12.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley16: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley16.gif" alt="Smiley" border="no" /></a><br><a href="javascript: smiley(' :smiley17: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley17.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley19: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley19.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley20: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley20.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley13: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley13.gif" alt="Smiley" border="no" /></a><br><a href="javascript: smiley(' :smiley14: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley14.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley15: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley15.gif" alt="Smiley" border="no" /></a> <a href="javascript: smiley(' :smiley18: ');"><img src="http://www.leparadisdescartes.com/upload/img/smiley/smiley18.gif" alt="Smiley" border="no" /></a></td>
        </tr>
      </table>

Comment puis-je faire?

Merci de votre aide

Merci de ne pas confondre Javascript et Java... Topic déplacé!

et de lire les tutos du site sur le javascript. Il y en a un qui parle du problème.