Je vous mets le code en zappant les parties non concernées.
<html>
<head>
<link rel="Stylesheet" href="css/css1.css" content="text/css">
<script type="text/javascript">
function insertTag(tag) {
var repdeb="["+tag+"]";
var repfin="[/"+tag+"]";
var input = document.forms['formulaire'].elements['commentaires'];
//var input = document.getElementById('commentaires');
input.focus();
/* pour l'Explorer Internet */
if(typeof document.selection != 'undefined') {
/* Insertion du code de formatage */
var range = document.selection.createRange();
var insText = range.text;
alert(insText);
range.text = repdeb + insText + repfin;
/* Ajustement de la position du curseur */
range = document.selection.createRange();
if (insText.length == 0) {
range.move('character', -repfin.length);
}
else {
range.moveStart('character', repdeb.length + insText.length + repfin.length);
}
range.select();
}
}
</script>
</head>
<body>
<a name="haut">
<form name="formulaire">
<table width="100%" class="post_comment" cellspacing="0" cellpadding="2">
<tr height="20">
<td class="titre_fenetre3" align="left" colspan="2">Déposer un commentaire</td>
</tr>
<tr>
<td align="left" class="form2" width="22%">Votre prénom :</td>
<td align="left" class="form2"><input type="text" name="prenom"></td>
</tr>
<tr>
<td align="left" class="form2" width="20%">Votre commentaire :</td>
<td align="left" class="form2">
<table border="0" cellpadding="0" cellspacing="0" class="barre_boutons" height="20px">
<tr>
<td align="center" width="20px"><div class="bouton_out" width="100%"
onMouseOver="this.className='bouton_over'"
onMouseOut="this.className='bouton_out'"
onClick="insertTag('g')" title="Gras">G</div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" class="form2" width="20%"> </td>
<td align="left" class="form2"><textarea name="commentaires" cols="80" rows="7"></textarea></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>
Voilà j'espère que cela va vous aider