Jamen, så laver du da bare et alm. link til dit tidligere design og så er alt ved 'det gamle' når man klikker
..Yes yes; den side du henviser til laver 'tricket' i PHP, men teknikkenm er ikke spor forskellig fra mit tidligere link.
Se nu her ->
Jeg har selv lavet noget lignende, men der hvor det ligger er serveren nede i øjeblikket
Jeg har lavet 4 stylesheets : default.css, style_1.css, style_2.css, style_3.css og henter dem via :
Kode
<!--
if(!document.getElementById)
alert("Du bruger en ældre browser, der ikke tillader brugervalgte stylesheets.")
else if(document.cookie.indexOf('style=1')>=0){
document.write('<link rel="stylesheet" type="text/css" href="./css/style_1.css" media="screen">\n');
}
else if (document.cookie.indexOf('style=2')>=0) {
document.write('<link rel="stylesheet" type="text/css" href="./css/style_2.css" media="screen">\n');
}
else if (document.cookie.indexOf('style=3')>=0) {
document.write('<link rel="stylesheet" type="text/css" href="./css/style_3.css" media="screen">\n');
}
else if (document.cookie.indexOf('style=4')>=0) {
document.write('<link rel="stylesheet" type="text/css" href="./css/layout.css" media="screen">\n');
}
else {
document.write('<link rel="stylesheet" type="text/css" href="./css/layout.css" media="screen">\n');
}
function chooseStyle (newstyle){
if (!document.getElementById){
alert("Du bruger en ældre browser, der ikke tillader brugervalgte stylesheets.");
return false;
}
var expdate = new Date();
expdate.setTime(expdate.getTime() + (1000*3600*24*365));
document.cookie = 'style=' + newstyle + 'expires=' + expdate.toGMTString() + 'path=/';
self.location.reload();
}
//--> |
..gemt som javascriptfilen : layout.js
..og hentet ind i <head > ... </head> sektionen, hvor stylesheet'et skal kunne genbruges, som :
Kode
<script type="text/javascript" src="layout.js"></script> |
..sådan skifter jeg mellem stylesheet'ene :
Kode
<button onclick="chooseStyle(1)">Rød baggrund</button>
<button onclick="chooseStyle(2)">Grøn baggrund</button>
<button onclick="chooseStyle(3)">Blå baggrund</button>
<button onclick="chooseStyle(4)">Neutral baggrund</button> |
Peice of cake
</MOLOKYLE>