Déplacement du curseur texte dans un textarea

[MaximuS]

Ce que je vous demande est un exemple bien précis, extensible à d'autres cas.

Pourquoi le code suivant ne marche t-il pas ?

Je veux faire en sorte que que le curseur texte se place entre les deux <titre1></titre1> .

JS:

function add(x,textarea){
if(x=='titre1'){
textarea.focus();
textarea.value +=' <titre1></titre1> ';
textarea.caretPos = 10;
 /* textarea.value +=textarea.caretPos; */
textarea.focus();
 } }

HTML:

<script type="text/javascript" src="<?=$CAHTML?>data/forms.js"></script>
<input onclick="add('titre1',document.getElementById('aaasss'))" />
<textarea id="aaasss" name="aaasss" cols="50" rows="10"></textarea>

Une idée ? Je ne sais pas exactement comment (les sources js sont en parties abscontes pour moi)

EDIT:

Autre problème:

Lorsque l'user sélectionne du texte dans le textarea et qu'il click sur un bouton (js), pour que <gras> apparaissent avant et </gras> après (par exemple) ?

Ca existe dans DotClear, mais même en analysant le JS, je ne trouve pas...