switch

[matt2112]

Hi guys,

I have my website setup with a rather cool .css switcher, it allows visitors to use 2 themes, black and white.

Here is the problem, to change a .css I use

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

However, what im trying to end up with is a link that will in the same fashion as a button..

ie clicking

<a href="#" onclick="somefunction(); return false;">switch</a>

will switch to the black .css sheet, and clicking it again, will switch to the white .css

I have no idea, hope i explained myself well enough...

 

[trollacious]

Try something like this:

function setActiveStyleSheet()
{
var body = document.getElementsByTag('body');
if (body.className == 'class1')
  {
   body.className = 'class2';
  }
else
  {
  body.className = 'class1';
  }

}

<a href="#" onclick="setActiveStyleSheet(); return false;">light</a>

Lee