Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .red {background-color: #FF0000;}
- .green{background-color: #00FF00;}
- .blue {background-color: #0000FF;}
- </style>
- <body class="red">
- <ul>
- <li><a href="">red</a></li>
- <li><a href="">green</a></li>
- <li><a href="">blue</a></li>
- </ul>
- </body>
- $('.red').removeClass('red').addClass('blue');
- $(function() {
- $("a").click(function() {
- var color = $(this).text();
- $("body").removeClass().addClass(color);
- return false;
- });
- });
- $(function() {
- $("a").click(function() {
- var color = $(this).text();
- $("body").removeClass().addClass(color);
- createCookie("color",color);
- return false;
- });
- if (readCookie("color") != null) {
- $("body").removeClass().addClass(readCookie("color"));
- }
- else {
- $("body").removeClass().addClass("red");
- }
- });
- function createCookie(name,value,days) {
- if (days) {
- var date = new Date();
- date.setTime(date.getTime()+(days*24*60*60*1000));
- var expires = "; expires="+date.toGMTString();
- }
- else var expires = "";
- document.cookie = name+"="+value+expires+"; path=/";
- }
- function readCookie(name) {
- var nameEQ = name + "=";
- var ca = document.cookie.split(';');
- for(var i=0;i < ca.length;i++) {
- var c = ca[i];
- while (c.charAt(0)==' ') c = c.substring(1,c.length);
- if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
- }
- return null;
- }
- function eraseCookie(name) {
- createCookie(name,"",-1);
- }
- document.getElementsByTagName("body")[0].className = "red";
- createCookie("mySiteCookie", "red", 7); // Set the cookie to expire in 7 days.
- readCookie("mySiteCookie"); // Should yield "red"
Add Comment
Please, Sign In to add comment