»
EnglishFrenchVietnamese

Print - Theme Changer - JavaScriptBank.com

Full version: jsB@nk » Background » Theme Changer
URL: https://www.javascriptbank.com/theme-changer-theme-changer.html

Theme Changer © JavaScriptBank.comThis JavaScript allows visitors change theme on your web pages through using the different CSS files.

Full version: jsB@nk » Background » Theme Changer
URL: https://www.javascriptbank.com/theme-changer-theme-changer.html



CSS
<LINK href="style1.css" rel=stylesheet title=style1 type=text/css><LINK href="style2.css" rel="alternate stylesheet" title=style2 type=text/css><LINK href="style3.css" rel="alternate stylesheet" title=style3 type=text/css><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT type=text/javascript><!--/*     This script downloaded from www.JavaScriptBank.com     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*///This script is made by Hamad Belshalat    //Please do not remove these comments    //Thank You // Main function for changing the theme function changeStyle(title) {   if (document.getElementsByTagName) {    var i, link;     for (i=0; (link=document.getElementsByTagName("link")[i]); i++) {       if (link.getAttribute("rel")!=-1&&link.getAttribute("title")) {        link.disabled=true;          if (link.getAttribute("title")==title) {          link.disabled=false;         }       }     }   } createCookie("style",title,30); }  function createCookie(name,value,hours) {   var expires = "";    if (hours!=null) {     expire=new Date((new Date()).getTime() + hours * 3600000);     expire="; expires="+expire.toGMTString();    }       document.cookie=name + "=" + value + expire;  }  function readCookie() {   var cValue=0;   if (document.cookie.indexOf("style1")!=-1) changeStyle('style1');   if (document.cookie.indexOf("style2")!=-1) changeStyle('style2');   if (document.cookie.indexOf("style3")!=-1) changeStyle('style3'); } readCookie()//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<FORM action=# method=get><P>Select page theme:</P><UL>  <LI><A   href="http://jsbank.topcities.com#"   onclick="changeStyle('style1'); return false;">Style 1</A> </LI>  <LI><A   href="http://jsbank.topcities.com#"   onclick="changeStyle('style2'); return false;">Style 2</A> </LI>  <LI><A   href="http://jsbank.topcities.com#"   onclick="changeStyle('style3'); return false;">Style 3</A> </LI></UL></FORM><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
htttp://javascriptbank.com/javascript/background/Theme_Changer/style1.csshtttp://javascriptbank.com/javascript/background/Theme_Changer/style2.csshtttp://javascriptbank.com/javascript/background/Theme_Changer/style3.css