CoderZone.org

Category: >> JavaScript >> Easy Style Sheet Switcher Bookmark and Share

<< lastnext >>

Snippet Name: Easy Style Sheet Switcher

Description: A few points of interest:

* The HREF links use JavaScript to set a browser cookie named "style".

* Since we are only setting one cookie and it's name is "style", we can read its value using "document.cookie.charAt(6)".

* If no cookie is set, "StyleFile" will evaluate to "style.css".

* The files names of the style sheets need to be "style.css", "style2.css", "style3.css", "style4.css", and so on.

Also see:
» Get the computed style of an eleme...
» CSS Colornames to RGB values

Comment: (none)

Author: CoderZone
Language: JAVASCRIPT
Highlight Mode: JAVASCRIPT
Last Modified: March 15th, 2009

<html><head><title>Style Switcher</title>
<script>
var StyleFile = "style" + document.cookie.charAt(6) + ".css";
document.writeln('<link rel="stylesheet" type="text/css" href="' + StyleFile + '">');
</script>
</head><body><h2>Easy Style Sheet Switcher</h2><br>
<a href="javascript: document.cookie='style='; window.location.reload();">Style 1</a> |
<a href="javascript: document.cookie='style=2'; window.location.reload();">Style 2</a> |
<a href="javascript: document.cookie='style=3'; window.location.reload();">Style 3</a>
</body></html>
 
 
 
There haven't been any comments added for this snippet yet. You may add one if you like.  Add a comment 
© coderzone.org | users online: 7