Ayuda estilos con CSS

[iTzJeSuS]

Hola amigos recien conoci esta pagina porque alguien me dijo que aqui me podian brindar ayuda y bueno mi problema es este.


Estoy haciendo un diseño en css y todo bien, pero quisiera que tuviera varios estilos es decir:

- Al hacer click en un enlace [X] cambiara de color a azul

- Al hacer click en un enlace [Y] cambiara de color a rojo

Osea la idea es que con click cambie a al estilo que el link redirija:

Aclaro: Tengo los css que especifican los colores pero no se como hacer para que cambie automaticamente con el click

Muchas gracias de antemano.

[sanxuan]

Si los enlaces te llevan a otra página, en esa página cambia las propiedades de tus enlaces.
Si no te llevan a otra página puedes usar a:visited pero eso te cambiará el color sólo la primera vez que visites el enlace (que hagas click).
La manera adecuada si no cambias de página en el enlace y quieres que cambie el color en cada click es utilizar javascript dentro del atributo onclick o href del enlace.

[_Adrian_]

sanxuan, creo que no has entendido bien la pregunta.

iTzJeSuS, esto es lo que buscas: Cambio Dinámico de Hoja de Estilos CSS.

[iTzJeSuS]

Ok muchas gracias ahora mira

function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}

function getActiveStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
}
return null;
}

Eso seria un ejemplo para colocar 2 estilos pero como los conecto con el css? Supongo que lo que subraye en rojo , por favor si estoy equivocado corrigeme.

[_Adrian_]

No tienes que modificar el archivo .js

Por último, nos queda añadir en la parte de nuestra página que creamos conveniente los vínculos para que el usuario pueda cambiar el estilo al hacer clic:

<a href="#" onclick="setActiveStyleSheet('normal'); return false;">Normal</a>

<a href="#" onclick="setActiveStyleSheet('ejemplo2'); return false;">Alto Contraste</a>

En estos hipervínculos, el atributo onclick hace referencia a una función incluida en el archivo styleswitcher.js, a la cual le pasamos el valor del title de la hoja de estilo.

[iTzJeSuS]

Ok solo una ultima duda :D como se a que estilo meva a llevar los links graciass. Hasme el favor de responderme eso y salgo de la duda. Muchas Gracias.

<a href="#" onclick="setActiveStyleSheet('normal'); return false;">Normal</a>

<a href="#" onclick="setActiveStyleSheet('ejemplo2'); return false;">Alto Contraste</a>

[_Adrian_]

En estos hipervínculos, el atributo onclick hace referencia a una función incluida en el archivo styleswitcher.js, a la cual le pasamos el valor del title de la hoja de estilo.