Cargando

Ir a contenido

X

Cómo puedo capturar el texto que está seleccionado dentro de mi web?





  AUTOR PREGUNTA

Publicado 21 marzo 2014 - 21:45
Quiero saber como puedo capturar el texto que tengo seleccionado dentro de mi web, al seleccionarlo con el raton que pueda enviar a algun elemento html que es lo que esta seleccionado
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


   AUTOR PREGUNTA

Publicado 21 marzo 2014 - 21:50
[color=#282828][font=helvetica, arial, sans-serif][size=4]Bueno me contesto yo a esto jeje.[/size][/font][/color]

[color=#282828][font=helvetica, arial, sans-serif][size=4]Para el que le ocurra puede hacer esto utilizando javascript, con la funcion selection.createRange que permite capturar lo que se encuentre seleccionado y luego en este caso mostrarlo mediante un cuadro de mensajes. pero tambien lo puedes enviar a un elemento html como un textarea.[/size][/font][/color]

<html>
<head>
<a name="#1">
<script language="Javascript">
function sele() {
	a=document.selection.createRange();
	alert("Tipo de selección: " + document.selection.type + "\nTexto seleccionado: " + a.text);
}
</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="#1">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:sele()>Ver texto seleccionado</a>
	 </td>
	</tr>
</form>
</body>
</html>



X