Canviar estil CSS al vol amb funció javascript

Anem a deixar un enllaç a una pàgina que, al fer clic, canviarà al vol l'estil CSS i podrem obtenir un altra estètica. Per aixó cal pegar la següent funció després del :

<script language="JavaScript">
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;
                }
        }
}
</script>

I ara, ficarem dos enllaços en qualsevol part de la pàgina:

<a href="#" onclick="setActiveStyleSheet('naranja'); return false;"> >>>
Estilo1</a> -
<a href="#" onclick="setActiveStyleSheet('azul'); return false;"> >>>
Estilo2</a>



Envia un nou comentari

No publicaré el teu correu i em servirà per contactar-te.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Les línies i paràgrafs es trenquen automàticament.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

Més informació sobre opcions de format

CAPTCHA
Image CAPTCHA