Foros del Web » Programando para Internet » Javascript » Frameworks JS »

¿alguien que me ayude con este codigo al resaltar el contenido de un text?

Estas en el tema de ¿alguien que me ayude con este codigo al resaltar el contenido de un text? en el foro de Frameworks JS en Foros del Web. hola y saludos he aqui este codigo que uso para resaltar el contenido de un <input type="text" /> Código HTML: <script type= "text/javascript" > $(document).ready(function(){ ...
  #1 (permalink)  
Antiguo 15/09/2012, 03:08
Avatar de adryan310  
Fecha de Ingreso: septiembre-2012
Mensajes: 450
Antigüedad: 11 años, 7 meses
Puntos: 3
Pregunta ¿alguien que me ayude con este codigo al resaltar el contenido de un text?

hola y saludos he aqui este codigo que uso para resaltar el contenido de un <input type="text" />

Código HTML:
<script type="text/javascript">
	$(document).ready(function(){
			$("input[type=text]").focus(function(){    
				this.select();
			});
			
			$("input[type=text]").mouseup(function(e){
              e.preventDefault();
            });
	});
</script> 
el problema esta en que si me marca dicho contenido pero cuando quiero clickiar en alguna parte de ese contenido no se desmarca y no me deja el cursor en la parte donde clickie... espero haberme explicado bien gracias
  #2 (permalink)  
Antiguo 15/09/2012, 03:31
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: ¿alguien que me ayude con este codigo al resaltar el contenido de un text?

prueba con esto, haber si se acerca un poco mas al efecto deseado.

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     $('input[type=text]').live('focus mouseup', function(e) {
  3.         if (e.type = 'focusin') {
  4.             this.select();
  5.         }
  6.     });
  7. });
  #3 (permalink)  
Antiguo 15/09/2012, 11:40
 
Fecha de Ingreso: mayo-2011
Ubicación: Zaragoza
Mensajes: 58
Antigüedad: 12 años, 11 meses
Puntos: 5
Respuesta: ¿alguien que me ayude con este codigo al resaltar el contenido de un text?

He revisado y tampoco funciona el ejemplo de Ag666 en firefox (o en chrome no me acuerdo).

Yo particularmente quitaria esta linea:
Código Javascript:
Ver original
  1. $("input[type=text]").mouseup(function(e){
  2.          e.preventDefault();
  3. });

Asi no bloqueas el evento .mouseup que es el que luego te deja seleccionar solo algo y no todo, por lo que he podido ver en algunos navegadores. Claro que si lo quitas te funciona en firefox pero no en chrome, y en firefox hay errores al seleccionar el foco muchas veces.

El problema veo que ya lo han ido comentando [URL="http://scottonwriting.net/sowblog/archive/2011/02/01/select-a-textbox-s-text-on-focus-using-jquery.aspx"]aqui[/URL] y [URL="http://stackoverflow.com/questions/1269722/selecting-text-on-focus-using-jquery-not-working-in-safari-and-chrome"]aqui[/URL]

En fin que espero que resuelvas algo, por que me da a mi que no te voy tampoco una solucion muy buena.

Saludos.

p.d.: el evento .live he leido en jquery que esta en desuso

Etiquetas: contenido, input, resaltar, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:58.