zudolab jqStyleswitcher

Simple usage

1. Load jQuery, "jqCookie.js" and "jqStyleswitcher.js"

2. Prepare link elements in the header for alternate stylesheets.

   <link rel="stylesheet" type="text/css" href="style_standard.css" title="standard" />
   <link rel="alternate stylesheet" type="text/css" href="style_larger.css" title="larger" />
   <link rel="alternate stylesheet" type="text/css" href="style_largest.css" title="largest" />

3. You can change current active stylesheet by calling following method.

   styleswitcher.setActiveCSS(STYLESHEET_TITLE_ATTRIBUTE_VALUE)".

   Following code is the example of the stylesheet switcher elements.
   Each click will change the active stylesheet.

   <ul>
       <li><a href="javascript:void(0)" onclick="styleswitcher.setActiveCSS('standard')">standard</a></li>
       <li><a href="javascript:void(0)" onclick="styleswitcher.setActiveCSS('larger')">larger</a></li>
       <li><a href="javascript:void(0)" onclick="styleswitcher.setActiveCSS('largest')">largest</a></li>
   </ul>

   Last activated stylesheet will be activated in other pages too because it was saved into the user's PC as cookie.