Caja de texto con selección automática del contenido : El Escaparate de Rosa

Estás en: Inicio » Trucos Texto » Caja de texto con selección automática del contenido

Caja de texto con selección automática del contenido

Hace tiempo explicaba la forma de mostrar una "caja de texto" o "Textarea".

Hoy en esa misma entrada he recibido un comentario de Jomayra en el que me hacía esta pregunta:

Quería preguntarte sobre el textarea, ya se como realizar la caja de texto pero quisiera saber si es posible añadir un código extra para cuando se de click al cursor en el texto de la caja se sombree toda sin necesidad de arrastrar el cursor por todo el resto.

Pues este sería el código que tendríamos que emplear para que, con solo poner el cursor del ratón sobre la textarea, el contenido se marque por completo:

<textarea rows="2" cols="25" onMouseOver="this.focus()"
onFocus="this.select()" input type="text" name="emailaddr" value="your e-mail" size="31" onMouseOver="this.focus()" onFocus="this.select()"> </textarea>

Ejemplo:

Entradas Relacionadas:

21 comentarios:

Anónimo: Hola Rosa, le comento que también sirve en Chrome y en Opera. Saludos; 16/10/08
Unknown: Qué útil el código para poner el enlace para tu blog ;) gracias

Muchos besos; 16/10/08
SkyLark202: Gracias, muy bueno como siempre. Como no se como comunicarme para explicarte esto te lo digo aquí =D

Leí en el truco para hacer expansibles las entradas que existía un conflicto con el otro código para abrir los links externos en una nueva ventana. El problema es que en el primer código (el de las entradas expansibles) hay un caracter que esta de mas: el punto y coma (;) después del javascript:void(0) en la cuarta linea. Quitando ese carácter ya no hay problemas y las entradas se expanden en la misma ventana.

MAL:
var script = "javascript:void(0);";

BIEN:
var script = "javascript:void(0)";

Bueno te lo dejo para que lo testees y aquí te dejo mi blog para que veas que funciona bien: http://areadedescargas.com.ar

Muchas gracias por tus aportes, me ayudaron muchísimo!; 16/10/08
Anónimo: Todero , muchas gracias por tu ayuda :-)
El Chrome lo estoy empezando a probar (me está gustando), el Opera lo probé hace tiempo y no me convencía demasiado...
¡Gracias por informarnos! :-); 16/10/08
Anónimo: Σ=o) Pau , hola linda gatita :-); 16/10/08
Anónimo: SkyLark202 , gracias!!!
He retirado el ; sobrante, sin comprobarlo, :-) me ha bastado con ver en tu blog los dos códigos funcionando sin problemas.
Mira que lo había mirado veces y no lo encontraba :-$ con gente como tu da gusto.
Un abrazo!; 16/10/08
Unknown: Oye muy interesante para poder destacar cosas denro de un mismo post. Si quiero hacer un cuadro como en el que explicas normalmente el codigo HTML, tambien me sirviria este cambiando algunos parametros???; 16/10/08
Anónimo: Mon´s si podría servir. Podrías modificar:
rows="2" cols="25" (alto y ancho); 16/10/08
Anónimo: Me gustaría saber qué hay que hacer para enmarcar una entrada completa. Tengo hecho el marco a la publicación.
Saludos
Fali
www.elrincondefali.blogspot.com; 16/10/08
Anónimo: Fali, mira aquí:

http://elescaparatederosa.blogspot.com/2007/01/entradas-y-widget-enmarcados-por.html; 16/10/08
FSVH: Interesante, muchas gracias lo estuve buscando durante un tiempo y ya me habia dado por vencido. Gracias!; 17/10/08
Unknown: Gracias = ) funciona muy bien = ) Saludos y gracias por todo = ); 17/10/08
Anónimo: hey Rosi no paras!!! jajaja, desmenuzadora, destripadora...muy bueno el truco!!!...un fin de semana espectacular es lo que te deseo...besitos!!!; 17/10/08
Jose Luis: he llegado hasta ti buscando información, y me has servido de mucho. he utilizado varios truquillos tuyos, y los que seguiro utilizando.
por todo ello gracias.
una cosa si entras en mi blog, (athleticmonzonyredolada.blogspot.com) veras que se me abre un cuadro arriba a la izquierda, como narices lo quito. gracias y gracias; 22/10/08
Anónimo: Jose Luis, yo no veo ningún cuadro blanco en tu blog, ni con Firefox3 ni con IExplorer 7 tal vez sea cosa de tu navegador...; 22/10/08
kenneth978: HOLA Rosa..disculpa la ignorancia, pero tu sabes, acostumbrado a eso de "aqui va el texto" "aqui va el codigo" que cuando no lo veo, quedo "chino"..jeje..donde coloco el codigo o texto que quiero que se seleccione?...Saludos...; 23/11/08
Anónimo: Kenneth Jack :-)
Justo antes de </textarea>; 23/11/08
kenneth978: Mil Gracias Rosas...:$...Saludos; 24/11/08
NeoiRec: gracias tenia uno pero mas básico; 15/1/09
adrianaglarap: Hola muy bueno!! pero tuve un problema a ver si puedes ayudarme... Tengo un codigo en la parte de configuracion formato, con el fin de que se aplique en cada entrada, para que no sea posible copiar ningun texto. En este caso me interesa que lo copien.. como haria para hcer una excepcion?

Gracias; 17/12/10
Anónimo: @dri No tengo ni idea.; 19/12/10

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.