21

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:


Todero

Hola Rosa, le comento que también sirve en Chrome y en Opera. Saludos

Σ=o) Pau

Qué útil el código para poner el enlace para tu blog ;) gracias

Muchos besos

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!

Rosa

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! :-)

Rosa

Σ=o) Pau , hola linda gatita :-)

Rosa

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!

Mon´s

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???

Rosa

Mon´s si podría servir. Podrías modificar:
rows="2" cols="25" (alto y ancho)

Fali

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

Rosa

Fali, mira aquí:

http://elescaparatederosa.blogspot.com/2007/01/entradas-y-widget-enmarcados-por.html

kikop

Interesante, muchas gracias lo estuve buscando durante un tiempo y ya me habia dado por vencido. Gracias!

Surplus21

Gracias = ) funciona muy bien = ) Saludos y gracias por todo = )

Graciela de Palomas

hey Rosi no paras!!! jajaja, desmenuzadora, destripadora...muy bueno el truco!!!...un fin de semana espectacular es lo que te deseo...besitos!!!

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

Rosa

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...

Kenneth Jack

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...

Rosa

Kenneth Jack :-)
Justo antes de </textarea>

Kenneth Jack

Mil Gracias Rosas...:$...Saludos

NeoiRec

gracias tenia uno pero mas básico

@dri

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

Rosa

@dri No tengo ni idea.

Publicar un comentario en la entrada

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.

:) :(( :( :P :D :$ ;) :I :X :O |O :S