Añadir un tag en la posicion del raton (textarea)

[fbedia]

Buenas!
Lo que quiero hacer es que cada vez que un usuario pulse el boton de "negrita" se añada el codigo <b></b> a un textarea, en la posición donde este el ratón.

Con el codigo que pongo a continuacion he conseguido hacer que lo añada al final del textarea....

Código Javascript:

<script type="text/javascript">
    function addTextarea($texto) {
        document.getElementById('txt').value += $texto;
    }
    </script>
 

el textarea simplemente es asi:

Código HTML:

<textarea name="txt" id="txt" cols="100%" rows="20"></textarea><br/>
 

y el boton:

Código HTML:

<input type="button" onclick="addTextarea('aaa')" value="h1" />
 

¿como podria hacer para que se añada el codigo en la posicion donde este el raton?

Gracias

[PHPeros]

En cualquier navegador excepto IE mediante la propiedad selectionStart.

Para IE puedes hacer como se expone aquí.

Luego ya sería manipular el texto.

[IsaBelM]

panino ya lo tiene creado