StyleSwichter
StyleSwichter is a little jQuery plugin to alternate CSS stylesheets in a web page. StyleSwichter set the appropiate style (previously saved in a cookie) when the web page load, using the "DOM ready" function of jQuery. After this, you can use the plugin (the same function) to establish another style, and the plugin set it and save the selection in a cookie.
The plugin is around 2 KB and packed only 600 bytes. Take a look, the usage of plugin is here:
// DOM ready!
$(function(){
var options={
linkTitle: 'styleswichter',
cookieName: 'selected-style'
};
$.fn.StyleSwichter(options);
});
The plugin find in the appropiate cookie, and, if a style is saved previously, change to this style automatically. After this, in some place on your web page, you can use the plugin as is:
$.fn.StyleSwichter({cssPath: 'path/style.css'});
As you can see, in this case we indicate the path to a CSS stylesheet. The plugin establish this style and save in a cookie, to be use in sucesive reload of the page. Note that we not use all the options here. Take a look to the available options, that you can use if need. This is the default options values:
$.fn.StyleSwichter.defaults={
cssPath: '',
cookiePath: '',
cookieDays: 30,
cookieDomain: '',
cookieSecure: false,
linkTitle: 'styleswichter',
cookieName: 'selected-style'
};
To read and write the appropiate cookie this plugin use the Cookie jQuery plugin, and this is required in order to use StyleSwichter. The plugin as been tested in Firefox 2, Opera 9, IExplorer 7 and Safari 3. The example file also contain the documentation (in source code) and the link to download StyleSwichter.
In my weblog (in spanish language) I prepare a page to publish this plugin, visit the StyleSwichter page in my weblog. Licensed under the GNU GPL license, I hope this little plugin maybe is usefull for you. Any comments are welcome.