Ver Mensaje Individual
  #251 (permalink)  
Antiguo 02/04/2007, 04:55
Avatar de Panino5001
Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 19 años, 10 meses
Puntos: 834
251.-Selección en Textarea

P: Cómo seleccionar parte del contenido de un textarea sin usar el mouse?
R:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>ejemplo</title> 
<script> 
function sel(inicio,fin){ 
input=document.getElementById('area'); 
if(typeof document.selection != 'undefined' && document.selection){ 
tex=input.value; 
input.value=''; 
input.focus(); 
var str = document.selection.createRange(); 
input.value=tex; 
str.move('character', inicio); 
str.moveEnd("character", fin-inicio); 
str.select(); 
} 
else if(typeof input.selectionStart != 'undefined'){ 
input.setSelectionRange(inicio,fin); 
input.focus(); 
} 
} 
</script> 
</head> 

<body> 
<form id="form1" name="form1" method="post" action=""> 
  <textarea name="area" cols="60" rows="10" id="area">esta es una prueba</textarea> 
  <input type="button" name="Submit" value="seleccionar" onclick="sel(8,11)" /> 
</form> 
</body> 
</html>
Ejemplo probado en Safari, Explorer, Firefox y Ópera