Tengo una página donde el usuario puede escoger de entre tres esquemas de colores Rojo, Azul y Verde.
En el head tengo esto
Código:
Luego, haciendo clic en tres botones, se cambia la hoja de estilos, donde arch es Rojo, Verde o Azul. Se cambia también la variable global colorActual (que gestiona el nombre de las imágenes y otras cosas).<link href="Verde.css" rel="stylesheet" type="text/css" id="estilo">
Código:
En la página (en php) tengo un "contenedor", donde se carga el contenido según se cliquee en los botones (es lo de componentes/page.php).function cambiarEstilo(arch) { document.getElementById('estilo').href= arch + ".css"; colorActual = arch; }
Código:
Los botones tienen un código así<div id="contenedorMedio"> <?php include("componentes/menu.php"); ?> <?php $page = 'componentes/'.$_GET['page'].'.php'; $default = 'componentes/contenido.php'; if(file_exists($page)) { include $page; } elseif(file_exists($default)) { include $default; } else { echo 'La pagina no existe.'; } ?> <div style="clear:both;"> </div> </div> <?php include("componentes/footer.php"); ?> </div>
<a href="Home.php?page=noticias"><dt id ="Noticias"></dt></a>
Mi problema es que cuando se carga la página, se vuelve al color Verde, sin importar que el usuario ya haya escogido algún otro. ¿Cómo hago para "recordar" el valor de la variable colorActual?
Muchas gracias