Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje07-09-2011, 02:11 (UTC)    
Título del mensaje: [jQuery]Seleccionar todo el Texto de una Caja de Texto

Supongamos que tenemos un código HTML dentro de una caja de texto y que queremos el usuario lo pueda copiar facilmente, en este minitutorial veremos como hacerlo con jQuery.

Comenzemos.
Paso 1
Primero,vamos a comenzar creando una Caja de Texto
Cita:
<textarea cols="30" rows="10">TextoTextoTextoTextoTextoTextoTextoTextoTextoTextoTextoTextoTexto</textarea>

En este caso estoy usando un textarea, pero funcionaria igual con un input

Paso 2
Primero incluimos a jQuery, abrimos otro script, nos aseguramos que el documento haya terminado de cargar y seleccionamos a textarea que es el elemento con el que vamos a trabajar.

Luego le decimos que cuando el elemento este en focus se seleccione todo su contenido.
Cita:

script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("textarea").focus(function(){
this.select();
});
});
</script>


Hasta esta parte ya deberíamos tener funcionado nuestro script.
Sin embargo, si lo probamos en Chrome o Safari no funcionara, esto es debido a que en estos navegadores se antepone por defecto el metodo mouseup y genera conflicto con el focus.

Para arreglarlo, solo tenemos que agregar lo siguiente a nuestro script
Cita:
$("textarea").mouseup(function(e){
e.preventDefault();
});


Codigo Organizado :

Cita:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript">
$(document).ready(function() {
$("textarea").focus(function(){
this.select();
});

$("textarea").mouseup(function(e){
e.preventDefault();
});
});
</script>
<textarea cols="30" rows="10">TextoTextoTextoTextoTextoTextoTextoTextoTextoTextoTextoTextoTexto</textarea>


Fuente:
web.tursos.com/

Vista Previa :

http://brianpwg.es.tl/TextaraSeleccionar.htm
Mensaje07-09-2011, 02:42 (UTC)    
Título del mensaje:

Muy buen aporte brian
______________
/forosadas @forosadas
forosadas@hotmail.fr
"Tu mente es tu límite"
Mensaje07-09-2011, 02:48 (UTC)    
Título del mensaje:

babosadas escribió:
Muy buen aporte brian

GRacias Babosadas
Mensaje07-09-2011, 02:54 (UTC)    
Título del mensaje:

brianpwg escribió:
babosadas escribió:
Muy buen aporte brian

GRacias Babosadas


Buen aporte, saludos.
______________
Atentamente, AyudasHoy.
Ayuda WebMaster para todos.


Ultima edición por ayudashoy el Mar Sep 06, 2011 10:54 pm; editado 1 vez
Mensaje07-09-2011, 03:01 (UTC)    
Título del mensaje:

ayudashoy escribió:
brianpwg escribió:
babosadas escribió:
Muy buen aporte brian

GRacias Babosadas


Buen aporte, saludos.

Muchas Gracias
Mensaje07-09-2011, 10:09 (UTC)    
Título del mensaje:

Excelente brian. me gusto mucho.

PD: esto va en acerca de códigos y no en otra temas. pídele a un moderador que lo mueva.

Saludos.
Mensaje08-09-2011, 03:48 (UTC)    
Título del mensaje: Re: [jQuery]Seleccionar todo el Texto de una Caja de Texto

Excelente broo esta muy bueno saludos!
______________
Visitar sitio web


Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group