Capturar texto seleccionado en un textarea

[Cain]

Estaba probando el código que hay en llas FAQ para poner botones a un textarea:
31.- Textbox con botones para formato (tipo ForosDelWeb)

Y se me ha ocurrido que si pudiera rodear el texto que tengo seleccionado con las etiquetas elegidas, sería la bomba

¿Cómo puedo caputar el texto seleccionado en un textarea para pasárselo a la función de Javascript?

[Cain]

Ya solucioné el punto de capturar la selección, pero no sé como indicarle al script en que posición debe incluir el texto. Actualmente, me lo inserta siempre al final.

[Cain]

El código que estoy manejando es el siguiente:

Código:

<script language="Javascript">
function meter(text) {
   var postopic = document.form1.text;
   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) {
a=document.selection.createRange();
seleccio = a.text;
if (seleccio == '') {seleccio=prompt("Text", ""); lloc = "final";}
   switch(accion) {
    case "url":
     url = prompt("URL de l'Enllaç", "http://");
      url="<a="+url+">"+seleccio+"</a>";
      meter(url);
     break;
    case "negreta":
      negreta="<b>"+seleccio+"</b>";
      meter(negreta);
     break;
    case "cursiva":
      cursiva="<i>"+seleccio+"</i>";
      meter(cursiva);
     break;
    case "color":
     color = prompt("Color de l'Enllaç (#012345)", "#");
      color="<font color="+color+">"+seleccio+"</font>";
      meter(color);
     break;
    case "mida":
     mida = prompt("Mida del text (en punts)", "#");
      mida="<font size="+mida+">"+seleccio+"</font>";
      meter(mida);
     break;
    default:
     meter(accion);
     break;
   }
}
</script>

El formulario se llama form1 i el textarea text.

Ahora he conseguido que rodee lo que selecciono con las etiquetas necesarias, pero me lo añade al final del textarea en lugar de añadirlo en el sitio donde esta originalmente.

Ejemplo:

"Hoy hace un buen día"

Selecciono buen, hago negrita y en lugar de darme:

"Hoy hace un <b>buen</b> día" (efecto deseado)

Me da:

"Hoy hace un buen día<b>buen</b>"

¿Qué retoques debo hacerle al código para obtener el efecto deseado?

[ASCENDEDMASTERS]

mira, yo estoy en lo mismo, te dejo una funcion que encontre mirando el codigo de una pagina tipo fotologs, que al hacerle click en el emoticon determinado, te pone el simbolito respectivo en la ubicacion que vos estes dentro del texto, funciona de 10 en firefox pero no en IE y estoy buscando para que funcione joya en IE tambien obviamente. te dejo la funcion.

Código PHP:

  // Replaces the currently selected text with the passed text.
function replaceText(text, textarea)
{
    // Attempt to create a text range (IE).
    if (typeof(textarea.caretPos) != "undefined" && textarea.createTextRange)
    {
        var caretPos = textarea.caretPos;

        caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
        caretPos.select();
    }
    // Mozilla text range replace.
    else if (typeof(textarea.selectionStart) != "undefined")
    {
        var begin = textarea.value.substr(0, textarea.selectionStart);
        var end = textarea.value.substr(textarea.selectionEnd);
        var scrollPos = textarea.scrollTop;

        textarea.value = begin + text + end;

        if (textarea.setSelectionRange)
        {
            textarea.focus();
            textarea.setSelectionRange(begin.length + text.length, begin.length + text.length);
        }
        textarea.scrollTop = scrollPos;
    }
    // Just put it on the end.
    else
    {
        textarea.value += text;
        textarea.focus(textarea.value.length - 1);
    }
} 
   

Espero te sirva, si queres enviame un mensaje personal y nos contactamos ya que yo tambien ando en la misma. Saludos

[Panino5001]

En la faq 244 se explica cómo hacerlo y que funcione en todos los navegadores modernos (y en los antiguos que agregue el texto al final del textarea)

[ASCENDEDMASTERS]

Iniciado por Panino5001

En la faq 244 se explica cómo hacerlo y que funcione en todos los navegadores modernos (y en los antiguos que agregue el texto al final del textarea)

Gracias Panino5001