Foros del Web » Creando para Internet » CSS »

presionar un boton se ejecuta el css

Estas en el tema de presionar un boton se ejecuta el css en el foro de CSS en Foros del Web. hola como puedo hacer que al presionar un boton, se ejecute el estilo CSS. Por ejemplo presiono el boton se pone el fondo de color ...
  #1 (permalink)  
Antiguo 12/06/2010, 09:22
 
Fecha de Ingreso: marzo-2010
Mensajes: 432
Antigüedad: 7 años, 8 meses
Puntos: 11
presionar un boton se ejecuta el css

hola como puedo hacer que al presionar un boton, se ejecute el estilo CSS.

Por ejemplo presiono el boton se pone el fondo de color rojo.

Código CSS:
Ver original
  1. <style type="text/css">
  2. body
  3.     {
  4.         background-color:#d0e4fe;
  5.     }
  6. </style>
  #2 (permalink)  
Antiguo 12/06/2010, 10:00
Avatar de _CIM_  
Fecha de Ingreso: junio-2010
Ubicación: Barranquilla - Colombia
Mensajes: 9
Antigüedad: 7 años, 6 meses
Puntos: 0
De acuerdo Respuesta: presionar un boton se ejecuta el css

hola...buen dia..soy nuevo en los foros y espero que te ayude:

-yo usaria javascript o Jquery (que me encanta) para hacerlo y lo haria asi:
Código HTML:
<script>

//-con Jquery----
    $(document).ready(function () {
        $("#btnChange").click(function () {
            $("body").css({ "background-color": "#d0e4fe" });
        });
    });

// o simplemente con JavaScript
    function changeColor() {
        document.body.style.backgroundColor = "red";
    }
</script>

<input type="button" value ="Change BackGround Jquery" id="btnChange" />

<input type="button" value ="Change BackGround Javascript" id="btnchg" onclick="changeColor();" /> 

Espero te sirva...y saludos
  #3 (permalink)  
Antiguo 13/06/2010, 02:24
Avatar de anfergon  
Fecha de Ingreso: junio-2009
Mensajes: 42
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: presionar un boton se ejecuta el css

Hola:
Solo con CSS no es posible. Además de JS y JQuery que señalan en el comentario anterior, también es posible hacer algo en PHP:
Saludos

Etiquetas: presionar, botones
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 17:03.