Thread: css switcher

please look at this link
Page Not Found

i have taken this example from this website
CSS Style Switcher | Design Shack

i have followed all the instructions and also changed the ’ sign to a single quote ' in the a tag
<a href="#" onclick="setActiveStyleSheet('orange'); return false;">Orange</a>

also tried with calling the styleswitcher.js first followed by the css files and also with css files first and then styleswitcher.js

i am not able to change the background of the page to grey when
Change Style link is clicked on my website
sudhakargolakaram.co.in/cssswitch.html


can anyone let me know how to fix this

thanks

I have a style switcher on my site (activated using the 3 small coloured squares just to the right of my logo).

The different stylesheets are defined as:

Code:

<link rel="stylesheet" type="text/css" href="http://thepixelforge.net/wp-content/themes/pixelforge/style.css" media="screen" title="redbg" /> 
<link href="http://thepixelforge.net/wp-content/themes/pixelforge/fire_bg.css" rel="alternate stylesheet" type="text/css" title="firebg"/> 
<link href="http://thepixelforge.net/wp-content/themes/pixelforge/ballet_bg.css" rel="alternate stylesheet" type="text/css" title="balletbg"/>

The js (minified unfortunately):

http://thepixelforge.net/wp-content/...s/style.min.js

and the html for the links:

Code:

<div id="styleclick"> 
     <div id="style1"><a href="#" onclick="setActiveStyleSheet('redbg'); return false;"><img src="/wp-content/themes/pixelforge/images/redbg_icon.png" alt="Red Background" /></a></div> 
     <div id="style2"><a href="#" onclick="setActiveStyleSheet('firebg'); return false;"><img src="/wp-content/themes/pixelforge/images/firebg_icon.png" alt="Fire Background" /></a></div> 
     <div id="style3"><a href="#" onclick="setActiveStyleSheet('balletbg'); return false;"><img src="/wp-content/themes/pixelforge/images/balletbg_icon.png" alt="Green Background" /></a></div> 
</div>

I have the stylesheets listed before the js if that helps. Just view source.

Looking at your css files, I'd merge styleswitcher.css and styleswitcher-default.css to become the only default stylesheet.