Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Cambiar estilo

Estas en el tema de Cambiar estilo en el foro de Javascript en Foros del Web. Que tal no se si el post va en esta seccion o en CSS, de ser así pido cambiarlo, buno lo que quiero hacer es ...
  #1 (permalink)  
Antiguo 26/08/2013, 11:54
 
Fecha de Ingreso: abril-2009
Mensajes: 100
Antigüedad: 15 años
Puntos: 0
Cambiar estilo

Que tal no se si el post va en esta seccion o en CSS, de ser así pido cambiarlo, buno lo que quiero hacer es cambiar el estilo de un boton al ser presionado, si el boton esta verde al presionarlo quiero que cambie a rojo.

saludos
  #2 (permalink)  
Antiguo 26/08/2013, 12:00
 
Fecha de Ingreso: agosto-2007
Mensajes: 345
Antigüedad: 16 años, 8 meses
Puntos: 21
Respuesta: Cambiar estilo

Enséñanos parte del código para ofrecerte una ayuda más personalizada.

De modo general con jquery lo puedes hacer fácilmente de la siguiente forma:

Código PHP:
<a href="#" id="boton">Boton</a>

<
script>
$(
"#boton").click(function(){
    $(
this).css("background-color","red");
});
</script> 
__________________
----
http://www.mascodigo.com
  #3 (permalink)  
Antiguo 26/08/2013, 12:02
Avatar de adryan310  
Fecha de Ingreso: septiembre-2012
Mensajes: 450
Antigüedad: 11 años, 7 meses
Puntos: 3
De acuerdo Respuesta: Cambiar estilo

Te muestro este ejemplo: http://webcoderecipes.com/?p=24 con esto cambias el color de fondo pero de la pagina. Ahora busca como modificar esa funcion y en vez de que cambie el color de la pagina cambie el color del buttom, solo busca un poco sobre jquery !

espero que en algo te sirva
  #4 (permalink)  
Antiguo 26/08/2013, 12:24
 
Fecha de Ingreso: abril-2009
Mensajes: 100
Antigüedad: 15 años
Puntos: 0
Respuesta: Cambiar estilo

Gracias por sus respuestas me ayudaron a orientarme, la solución la dejo por si le interesa a alguno mas:

Código Javascript:
Ver original
  1. function funcion(){
  2. $("#elementID").click(function() {
  3. $("#elementID").addClass("nombreClase CSS");     // se eleije el ID a modificar con la nueva clase css
  4.      });
  5. }

Etiquetas: estilo
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 13:35.