Foros del Web - Ver Mensaje Individual

#**279** (**permalink**) 03/03/2009, 12:50

Obtener el texto seleccionado.

Código html:

Ver original<html>
    <head>
    <script type="text/javascript">
function getTextoSeleccionado() {
    if (window.getSelection) {
        return window.getSelection();
    } else if (document.getSelection) {
        return document.getSelection();
    } else if (document.selection) {
        return document.selection.createRange().text;
    } else return "Opción no soportada por el navegador";
}
    </script>
 </head>
 <body>
  <form name="frm">
   <table border="0">
    <tr>
     <td align="right">
      input:
     </td>
     <td>
      <input type="textInput" name="txt">
     </td>
    </tr>
    <tr>
     <td align="right">
      textarea:
     </td>
     <td>
      <textarea name="txtArea"></textarea>
     </td>
    </tr>
    <tr>
     <td align="right">
      Link:
     </td>
     <td>
      <a href="#">Enlace</a>
     </td>
    </tr>
    <tr>
     <td align="right">
      Select:
     </td>
     <td>
      <select>
       <option>Uno</option>
       <option>Dos</option>
       <option>Tres</option>
      </select>
     </td>
    </tr>
    <tr>
     <td align="right">
      Párrafo:
     </td>
     <td>
      Esto es un párrafo de donde también se puede seleccionar texto.
     </td>
    </tr>
    <tr>
     <td align="center" colspan="2">
      <a href=javascript:void(alert(getTextoSeleccionado()))>Ver texto seleccionado</a> 
     </td>
    </tr>
  </form>
 </body>
</html>

En diferentes navegadores la selección de texto se maneja de forma diferente.