There seem to be million of ways to do that – here is the most parsimonious solution that works for me even under difficult conditions and in different browsers.<\/p>\n
\r\n\/\/ should be run in a $(document).ready(function(){ bracket });\r\n\/\/ if there is no cookie we set one\r\nif (document.cookie.indexOf("color")!== -1 {\r\n document.cookie = "color=white";\r\n}\r\n\/\/ we need a body class without any background definition\r\n\/\/ and a class for body.black that has background:black\r\nif (document.cookie.indexOf("black") === -1) {\r\n \/\/ switch to the new .black class\r\n $("body").toggleClass("black");\r\n \/\/ this is also possible in the iframe\r\n $(#iframe").contents().find("body").toggleClass("black");\r\n}\r\n\/\/ link or whatever is being clicked for the effect\r\n$(".place").click(function () {\r\nif (document.cookie.indexOf("white") !== -1) {\r\n document.cookie = "color=black";\r\n}\r\nelse {\r\n document.cookie = "color=white";\r\n}\r\n\/\/ reload page with a small delay\r\nsetTimeout( function() { location.reload() }, 250 );\r\n<\/pre>\n\n <\/p>\n
\n CC-BY-NC Science Surf , accessed 07.04.2026<\/span>\n <\/div>","protected":false},"excerpt":{"rendered":"There seem to be million of ways to do that – here is the most parsimonious solution that works for me even under difficult conditions and in different browsers. \/\/ should be run in a $(document).ready(function(){ bracket }); \/\/ if there is no cookie we set one if (document.cookie.indexOf("color")!== -1 { document.cookie = "color=white"; } … Continue reading Let your visitors switch background color<\/span>