Foros del Web » Creando para Internet » CSS »

[Solucionado] Problemas con el onclick [en realidad :focus]

Estas en el tema de [Solucionado] Problemas con el onclick [en realidad :focus] en el foro de CSS en Foros del Web. Hola buenas a todos, Tengo una pregunta HTML, un poquito básica creo yo, pero no consigo solucionarla.. Código HTML: <label for= "user" > <input name= ...
  #1 (permalink)  
Antiguo 22/11/2009, 17:07
 
Fecha de Ingreso: febrero-2007
Mensajes: 80
Antigüedad: 10 años, 10 meses
Puntos: 0
[Solucionado] Problemas con el onclick [en realidad :focus]

Hola buenas a todos,

Tengo una pregunta HTML, un poquito básica creo yo, pero no consigo solucionarla..

Código HTML:
<label for="user">
            <input name="user" type="text" id="user" class="Estilo1" onclick="this.style.backgroundColor='yellow';" />
          </label> 
Explico al hacer click en el campo se pone de color amarillo, lo que quiero es que cuando me salga del campo y pulse en otro se quede en el color original (blanco).

Muchas gracias desde ya
Un saludo
  #2 (permalink)  
Antiguo 22/11/2009, 17:26
 
Fecha de Ingreso: noviembre-2009
Mensajes: 38
Antigüedad: 8 años
Puntos: 2
Respuesta: Problemas con el onclick

Necesariamente tenes que usar on clic porque no te ingenias un rollover o algo por el estilo que te simplificaria las cosas eso si solo se pondria amarillo cuando el mouse este encima de el.

Cita:
<label for="user">
<input name="user" type="text" id="user" class="Estilo1" onMouseover="this.style.backgroundColor='yellow';" onmouseout="this.style.backgroundColor='white'" />
</label>
  #3 (permalink)  
Antiguo 23/11/2009, 02:15
 
Fecha de Ingreso: febrero-2007
Mensajes: 80
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: Problemas con el onclick

Efectivamente, ese metodo lo he probado, pero no es el resultado que me interesa por eso prove de buscar algo para el onclick, porque lo que me interesa es que mientras este dentro del campo siga de un color aunque el cursor no pase por encima mientras que cuando me salga del campo se cambie al color original.

Gracias desde YA!
  #4 (permalink)  
Antiguo 23/11/2009, 02:39
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Problemas con el onclick

con css puedes hacerlo usando la pseudoclase :focus. en iexplorer solo funciona desde la version 8 en adelante. en los demas navegadores creo que funciona bien.

Código:
<style type="text/css">
input:focus{
background:#fcc;
}
</style>
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #5 (permalink)  
Antiguo 23/11/2009, 02:42
 
Fecha de Ingreso: febrero-2007
Mensajes: 80
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: Problemas con el onclick

Esto era lo que queria, muchas gracias por tu ayuda.

Un saludo.
  #6 (permalink)  
Antiguo 24/11/2009, 10:27
Avatar de prava  
Fecha de Ingreso: julio-2008
Ubicación: Montevideo, Uruguay
Mensajes: 42
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: [Solucionado] Problemas con el onclick [en realidad :focus]

tambien podrías haber usado esto:

Código HTML:
<input name="user" type="text" id="user" class="Estilo1" onclick="this.style.background='yellow';" onblur="this.style.background='';" /> 
El onblur se ejecuta al hacer click fuera.

Saludos,
Pablo.
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 13:52.