Ayuda con script!

[pod1221]

Bueno les comento mi problema:

tengo un script para un tex area en donde
cunado hago clik en los botones me ingresa el bbcode, el problema es que necesito que que cunado haga click en cualquier bbcode me lo inserte en la parte del tex area que estoy ubicado y no al final.

aka les dejo el codigo.

espero que me entiendan lo que quiero lograr es que al tocar el enlaze me ingrese el bbcode en la parte del tex area que estoy ubicado como pasa con este foro y no al final.

Código:

 function storeCaret(text) {  
   if (text.createTextRange) { 
    text.caretPos = document.selection.createRange().duplicate(); 
   } 
  } 
 
  function meter(text) { 
   var postopic = document.PostTopic.Message; 
   if (postopic.createTextRange && postopic.caretPos) {       
    var caretPos = postopic.caretPos;       
    caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?  
 
text + ' ' : text; 
   } 
   else postopic.value += text; 
   postopic.focus(caretPos) 
  } 
 
  function codigo(accion) { 
   switch(accion) { 
    case "url": 
     url = prompt("URL de el Enlace", "http://"); 
     if(url) { 
      url="[ a]"+url+"[ /a]"; 
      meter(url); 
     } 
     break; 
    case "bold": 
     negras = prompt("Texto en Negritas", ""); 
     if(negras) { 
      negras="[ b]"+negras+"[ /b]"; 
      meter(negras); 
     } 
     break; 
    case "italics": 
     italics = prompt("Texto en Italicas", ""); 
     if(italics) { 
      italics="[ i]"+italics+"[ /i]"; 
      meter(italics); 
     } 
     break; 
    case "code": 
     code="[ code]  [ /code]"; 
     meter(code); 
     break; 
    case "quote": 
     quote="[ quote]  [ /quote]"; 
     meter(quote); 
     break; 
    default: 
     meter(accion); 
     break; 
   } 
  } 
 
  function textCounter(field, countfield, maxlimit) { 
   if (field.value.length > maxlimit) 
    field.value = field.value.substring(0, maxlimit); 
   else  
    countfield.value = maxlimit - field.value.length; 
  } 
 </script> 
 <form name="PostTopic"> 
  Nombre de usuario: 
  <INPUT TYPE="text" NAME="UserName" SIZE="12" MAXLENGTH="25"  
 
VALUE='Kaopectate'>  
  Password: 
  <input maxLength="13" name="Password" size="12" type="password"  
 
VALUE='**********'> 
  Mensaje: 
  <textarea  
 
onKeyDown="textCounter(this.form.Message,this.form.remLen,2000);"  
 
onKeyUp="javascript:storeCaret(this);  
 
textCounter(this.form.Message,this.form.remLen,2000);" name="Message"  
 
onchange="javascript:storeCaret(this);"  
 
onclick="javascript:storeCaret(this);" rows="10" wrap="VIRTUAL" cols="45"> 
  </textarea> 
  <a href="javascript:codigo('url')">Enlace</a>  
  <a href="javascript:codigo('bold')">negrita</a> 
  <a href="javascript:codigo('italics')">italica</a>  
  <a href="javascript:codigo('code')">codigo</a> 
  <a href="javascript:codigo('quote')">citar</a> 
  Tiene 
  <input readonly type=text name=remLen size=5 maxlength=3 value="2000"> 
  caracteres para su mensaje. 
 </form> 
</BODY> 
</HTML>

[caricatos]

Hola:

Me parece que tu código es para explorer... tal vez te sirva este enlace: Editor de texto.

Saludos