Přepnutí css stylu

zkus to tady -> http://rjwebdesign.net/Ostatni/Skripty-Ke-Stazeni (Změna CSS stylu pomocí cookie (můžete mít více barevných verzí webu)

Northon
Za málo.

Northon
Nepotřebuješ na to PHP ani MySQL. Jen povolený JS a cookie na straně klienta.

Do dokumentu vlož tento JS:

<script language="Javascript" type="text/javascript"><!--

var links = new Array();

links=document.getElementsByTagName("link");



for (i=0; i<links.length; i++)

{

  if ((links[i].getAttribute("rel").indexOf("stylesheet")!=-1) && (links[i].getAttribute("title")))

  {

  }

}



var BASE="#"



function setStyle(title)

{

  var i, p, links = new Array();

  links=document.getElementsByTagName("link");

  for (i=0; i<links.length; i++)

  {

    if ((links[i].getAttribute("rel").indexOf("stylesheet")!=-1) && (p=links[i].getAttribute("title")))

    {

      links[i].disabled=true;

      if ((p==title) && (p!=BASE)) links[i].disabled=false;

    }

  }

  createCookie("style",getStyle(),DAYS);

}



function createCookie(name,value,days)

{

  if (days)

  {

    var date = new Date();

    date.setTime(date.getTime()+(days*24*60*60*1000));

    var expires = "; expires="+date.toGMTString();

  }

  else var expires = "";

  document.cookie = name+"="+value+expires+"; path=/";

}



function readCookie(name)

{

  var nameEQ = name + "=";

  var ca = document.cookie.split(';');

  for(var i=0;i < ca.length;i++)

  {

    var c = ca[i];

    while (c.charAt(0)==' ') c = c.substring(1,c.length);

    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

  }

  return null;

}



function getStyle()

{

  var i, p, links;

  links=document.getElementsByTagName("link");

  for (i=0; i<links.length; i++)

  {

    if ((links[i].getAttribute("rel").indexOf("stylesheet")!=-1) && (p=links[i].getAttribute("title")) && (!links[i].disabled))

    {

      return p;

    }

  }

  return BASE;

}



//window.onload=function()

//{

  var p;

  if (p=readCookie("style"))

  {

    setStyle(p);

  }

//}



var DAYS=10;



window.onunload=function()

{

  createCookie("style",getStyle(),DAYS);

}

//--></script>

Další CSS nalinkuj v hlavičce dokumentu jako:

<link rel="alternate stylesheet" type="text/css" title="Jedna" href="jedna.css" />

a potom odkazuj:

<a href="#" onclick="setStyle(Jedna')">Jedna</a>

Kde setStyle se rovná hodnotě title v linkování CSS.

Jak jednoduché :-)