Foros del Web » Programando para Internet » Javascript »

Cambiar de color al hacer Click ignorando onmouseout

Estas en el tema de Cambiar de color al hacer Click ignorando onmouseout en el foro de Javascript en Foros del Web. Hola, tengo lo siguiente para una tabla, al pasar el MOUSE por encima cambia de color la fila con un "onmouseover", al quitarlo vuelve a ...
  #1 (permalink)  
Antiguo 10/10/2005, 01:29
Avatar de RUX
RUX
 
Fecha de Ingreso: enero-2004
Ubicación: Las Palmas de Gran Canari
Mensajes: 566
Antigüedad: 20 años, 10 meses
Puntos: 0
Cambiar de color al hacer Click ignorando onmouseout

Hola, tengo lo siguiente para una tabla, al pasar el MOUSE por encima cambia de color la fila con un "onmouseover", al quitarlo vuelve a su estado inicial con un "onmouseout" y al hacer click cambia de color a rojo con un "onclick" pero al hacer "onmouseout" vuelve a su estado inicial y lo que yo quiero es que si el usuario hace click en esa fila y pase a rojo ignore el "onmouseout".

¿DE QUE FORMA SE PODRIA HACER?
Muchas gracias de antemano.

Código:
<onMouseover="this.style.backgroundColor='66A3E0'; this.style.color='white'; return true;" onMouseout="this.style.backgroundColor=''; this.style.color=''; return true;" OnClick="this.style.backgroundColor='red';">
__________________
Rux.es - Sitio Personal | IslaRock.com - Todo Rock
  #2 (permalink)  
Antiguo 10/10/2005, 06:35
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 3 meses
Puntos: 381
Hola RUX,

dime una cosa, deberá recuperar el cambio de color en el evento mouseover y moseout esa fila? ¿o yá se debe quedar así definitivamente?
  #3 (permalink)  
Antiguo 10/10/2005, 08:17
Avatar de RUX
RUX
 
Fecha de Ingreso: enero-2004
Ubicación: Las Palmas de Gran Canari
Mensajes: 566
Antigüedad: 20 años, 10 meses
Puntos: 0
Hola tunait!! se debe queda asi definitivamente.
__________________
Rux.es - Sitio Personal | IslaRock.com - Todo Rock
  #4 (permalink)  
Antiguo 10/10/2005, 08:29
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 3 meses
Puntos: 381
Entonces es sencillo, agrégale esto al evento onclick

Código:
 onclick="this.style.backgroundColor='red';this.onmouseout = function(){return false};this.onmouseover = function(){return false} 
  #5 (permalink)  
Antiguo 10/10/2005, 08:39
Avatar de RUX
RUX
 
Fecha de Ingreso: enero-2004
Ubicación: Las Palmas de Gran Canari
Mensajes: 566
Antigüedad: 20 años, 10 meses
Puntos: 0
Genial!! muchisimas gracias :D
__________________
Rux.es - Sitio Personal | IslaRock.com - Todo Rock
  #6 (permalink)  
Antiguo 10/10/2005, 08:43
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 3 meses
Puntos: 381
Muchísimas de nadas
  #7 (permalink)  
Antiguo 15/10/2005, 01:46
Avatar de RUX
RUX
 
Fecha de Ingreso: enero-2004
Ubicación: Las Palmas de Gran Canari
Mensajes: 566
Antigüedad: 20 años, 10 meses
Puntos: 0
tunait hola!! y como seria para deshabilitar solamente una funcion... es decir en lugar de deshabilitar todo el onmouseover, tan solo una funcion como por ejemplo el color de fondo, pero el del texto no. Muchas gracias otra vez
__________________
Rux.es - Sitio Personal | IslaRock.com - Todo Rock
  #8 (permalink)  
Antiguo 15/10/2005, 04:37
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 3 meses
Puntos: 381
Hola de nuevo RUX

pues facil, pídeselo así

Código:
onclick="this.style.backgroundColor='red';this.onmouseout = function(){ this.style.color=''};this.onmouseover = function(){this.style.color='white'}"


Un saludo
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 18:26.