WATTYLE Posted March 3, 2011 Report Share Posted March 3, 2011 Hola Quisiera pedirles un poco de ayuda, he visto algunos formularios por ahi, que dentro de los campos a llenar tienen texto semi transparente, y que cuando uno pincha sobre el, este desaparece, y que si pinchan en alguna otra parte el texto del primer campo vuelve a aparecer...algo asi como lo que aparece aqui mismo en chilecomparte... en los campos para registrarse> usuario y contraseña(puntos negros) alguna ayuda porfa como siempre Gracias de ante mano. Saludos. :banana: Link to comment Share on other sites More sharing options...
Master Joohny Posted March 4, 2011 Report Share Posted March 4, 2011 al comienzo le das el value con el texto y con letra gris luego usando javascript y con el evento onfocus le pones q value sea nada, o sea "" Link to comment Share on other sites More sharing options...
cañangasñangas Posted March 4, 2011 Report Share Posted March 4, 2011 (edited) para lo transparente supongo que con css: .clase_transparente{ color: #TU_COLOR_HEX; background: transparent; filter: alpha(opacity= 25); -moz-opacity: .25; opacity: .25; } se puede lograr para el efecto de tener un texto dentro del input y luego al seleccionar el input borrar el texto checka esto: <input type="text" value="TEXTO EJEMPLO" onfocus="this.value='';"/> Edited March 4, 2011 by cañangasñangas Link to comment Share on other sites More sharing options...
WATTYLE Posted March 7, 2011 Author Report Share Posted March 7, 2011 Hola gracias a ambos por contestar Master joohny desgraciadamente no se nada de javascript :tonto: pero con lo que ambos me dijeron llegue a esto onFocus="this.value=' ' " (le saque el punto y coma) y ahi funcionó seguire cabeceandome con lo del color jajajaja. ahora voy a buscar como hacer que aparezcan las letras si es que no lo llenan y se cambian de campo :banana: :banana: :banana: :banana: Gracias Link to comment Share on other sites More sharing options...
cañangasñangas Posted March 7, 2011 Report Share Posted March 7, 2011 (edited) Hola gracias a ambos por contestar Master joohny desgraciadamente no se nada de javascript :tonto: pero con lo que ambos me dijeron llegue a esto onFocus="this.value=' ' " (le saque el punto y coma) y ahi funcionó seguire cabeceandome con lo del color jajajaja. ahora voy a buscar como hacer que aparezcan las letras si es que no lo llenan y se cambian de campo :banana: :banana: :banana: :banana: Gracias que bueno que te sirvio. si sabes un poco de css te deje una clase, la cual da transaparencia usala asi, como por ejemplo+ <html> <head> <style type="text/css"> .clase_transparente{ color: #TU_COLOR_HEX; background: transparent; filter: alpha(opacity= 25); -moz-opacity: .25; opacity: .25; } </style> </head> <body> <p class="clase_transparente">Párrafo transparente</p> </body> </html> Edited March 7, 2011 by cañangasñangas Link to comment Share on other sites More sharing options...
WATTYLE Posted March 13, 2011 Author Report Share Posted March 13, 2011 Gracias cañangasñangas Queda perfecto asi...claro lo tuve que probar en hoja nueva, porque como la hoja ya tiene su .css y no se como pegar eso y que afecte solo a ese campo, creo que se puede hacer que cuando se abra el form vaya a leer el .css en alguna parte del servidor y que se ejecute igual el que esta el la hoja....asi que a googlear no mas, jajajaa :( bueno saludos y gracias. Link to comment Share on other sites More sharing options...
cañangasñangas Posted March 14, 2011 Report Share Posted March 14, 2011 (edited) Gracias cañangasñangas Queda perfecto asi...claro lo tuve que probar en hoja nueva, porque como la hoja ya tiene su .css y no se como pegar eso y que afecte solo a ese campo, creo que se puede hacer que cuando se abra el form vaya a leer el .css en alguna parte del servidor y que se ejecute igual el que esta el la hoja....asi que a googlear no mas, jajajaa :( bueno saludos y gracias. no es necesario, te doi una pequeña clase de css la estructura de css es de esta forma a,a1,...,aN-1,aN.class{ atribs:vals; atribs:vals; } a,a1,...,aN-1,aN: son la cantidad de elementos html (<a>, <table>, <td>, <input>, <etc>) a los cuales seran afectados por este estilo class: Es el nombre de clase que se le da a este estilo, todo elemento que tenga como clase este nombre sera afectado, mientras tambien sea el mismo elemento html. { }: son las llaves que contendran todos los atributos para el nuevo estilo atribs:vals;: nombre de los atributos : valor atributos; te dejo varios ejemplo a,font{ color:red; } <a href="pag">Enlace</a> <font>Fuente</font> <p>Parrafo</p> aca solo el enlace y la fuente (<a> y <font>) son afectados por el estilo, no el parrafo ------------- a.rojo{ color:red; } <a class="rojo" href="pag">Enlace 1</a> <a href="pag2">Enlace 2</a> Aca solo el primer enlace sera afectado por el estilo.... ------------ .rojo{ color:red; } <b class="rojo">Negrita</b> <p>Parrafo</p> <input class="rojo" value="Input" /> Aca solo Negrita e Input (<b>, <input>) seran afectados Eso seria una clase rapida de css... por lo tanto si lo que quieres es que ese INPUT en especifico se cambie con estilo puedes hacer esto: INPUT.transparente{ ATRIBUTOS DE TRANSPARENCIA... } <input class="transparente" /> Saludos... Edited March 14, 2011 by cañangasñangas Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now