Tema: Cambiar de Css
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/04/2010, 13:53
supertux3000
 
Fecha de Ingreso: abril-2010
Mensajes: 4
Antigüedad: 14 años
Puntos: 0
Pregunta Cambiar de Css
Hola amigos del foro pues aqui con un problema tengo que hacer que cuando el usuario precione un boton se le cambie el css Ejemplo:

Boton cambio uno va directo al Css1

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.     <title>Cambiar de Css con un click</title>
  4.     <!--Asi se agrega un script de tipo javascript al documento -->
  5.     <link rel="stylesheet" type="text/css" id="estilo"  href="archivo1.css" /> 
  6.     <link rel="stylesheet" type="text/css" id="estilo" href="archivo2.css" />
  7.     <link rel="stylesheet" type="text/css" id="estilo" href="archivo3.css" />
  8.     <link rel="stylesheet" type="text/css" id="estilo" href="archivo4.css" />
  9.     
  10.     <script type="text/javascript">
  11.     
  12.         function estilo() 
  13.     {
  14.   
  15.         document.getElementById('estilo').sref=archivo1.css;
  16.     }
  17.     </script>
  18. </head>
  19. <body>
  20.     
  21.  
  22.         <input type="button" value="Cambiar Estilo" onClick="estilo('archivo1.css');">
  23.         <input type="button" value="Cambiar Estilo" onClick="estilo('archivo2.css');">
  24.         <input type="button" value="Cambiar Estilo" onClick="estilo('archivo3.css');">
  25.  
  26. <h1>Hola mundo </h1>
  27.  
  28. <h2>Hola mundo </h2>
  29.  
  30. <h3>Hola mundo </h3>
  31. </body>
  32.  
  33. </html>

No se que estoy haciendo mal ojala me puedan ayudar grax