Cambiar Skin de una página
Hola.
Mi pregunta es como hago para que al presionar un boton se cambie un estilo ccs a otro.
Tengo una página y quiero que el usuario pueda configurar la interfaz a su gusto (Hay modelos predefinidos mediante ccs).
Gracias
Mi pregunta es como hago para que al presionar un boton se cambie un estilo ccs a otro.
Tengo una página y quiero que el usuario pueda configurar la interfaz a su gusto (Hay modelos predefinidos mediante ccs).
Gracias
Se hace cambiando el valor de la propiedad className.
Un ejemplo:
<html>
<head>
<style type="text/css">
div.st1{background-color:#ff0000;color:#00ffff;}
div.st2{background-color:#00ff00;color:#ff00ff;}
div.st3{background-color:#0000ff;color:#ffff00;}
</style>
</head>
<body>
<input type="button" value="Estilo 1" onclick="divMuestra.className='st1';">
<input type="button" value="Estilo 2" onclick="divMuestra.className='st2';">
<input type="button" value="Estilo 3" onclick="divMuestra.className='st3';">
<div id="divMuestra">Un texto de muestra</div>
</body>
</html>
Un ejemplo:
<html>
<head>
<style type="text/css">
div.st1{background-color:#ff0000;color:#00ffff;}
div.st2{background-color:#00ff00;color:#ff00ff;}
div.st3{background-color:#0000ff;color:#ffff00;}
</style>
</head>
<body>
<input type="button" value="Estilo 1" onclick="divMuestra.className='st1';">
<input type="button" value="Estilo 2" onclick="divMuestra.className='st2';">
<input type="button" value="Estilo 3" onclick="divMuestra.className='st3';">
<div id="divMuestra">Un texto de muestra</div>
</body>
</html>
Yo daria una solucion mas facil, haz varias paginas donde se acceden a los mismo archivos (imagenes, texto etc) y linkas las distintas paginas o modulos que seran la misma pagina kon distinto skin, aunke porsupuesto es la via facil y okuparas algo mas de espacio en el hosting, si tienes un trafico considerable mejor la solucion del de aki arriba ;)