hi @ all,
ich habe schon auf vielen Seiten in der navi ein Dropdownfeld gesehn mit dem man das template der seite ändern kann.
Kann mir mal jemand sagen wie das gemacht wurde??
hi @ all,
ich habe schon auf vielen Seiten in der navi ein Dropdownfeld gesehn mit dem man das template der seite ändern kann.
Kann mir mal jemand sagen wie das gemacht wurde??
[code]
Template 1 Template 2 [/code] Selbstverständlich noch verpackt in ein Formularscnr
Du hast deine verschiedenen Templates und setzt dort Platzhalten ein, beispielsweise:
[html]
Abhängig von dem gewählten Template wird dann eine andere Datei geöffnet.
Wird meisten mit Javascript und CSS gemacht. Durch Javascript wird dann einfach (ohne dass die Seite neu laden muss) eine andere CSS Datei geladen.
Im Head:
[html]
In Meiner Navigation stand dann:
[html]
[/html][code]var defaultBackgroundColor = „orange“;
var currentBackgroundColor;
function setBackgroundColor(color) {
var i, a;
for(i=0; (a = document.getElementsByTagName(„link“)[i]); i++) {
if(a.getAttribute(„rel“).indexOf(„style“) != -1 && a.getAttribute(„title“)) {
a.disabled = true;
if(a.getAttribute("title") == color) a.disabled = false;
}
}
currentBackgroundColor = color;
}
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days2460601000));
var expires = „; expires=“+date.toGMTString();
}
else 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;
}
window.onload = function(e) {
var cookie = readCookie(„backgroundColor“);
var bgColor = cookie ? cookie : defaultBackgroundColor;
setBackgroundColor(bgColor);
}
window.onunload = function(e) {
createCookie(„backgroundColor“, currentBackgroundColor, 365);
}
var cookie = readCookie(„backgroundColor“);
var bgColor = cookie ? cookie : defaultBackgroundColor;
setBackgroundColor(bgColor);[/code]
Den Javascript Code machste auch einfach in den Head (natürlich in die Javascript Tags eingebunden) oder du packst den Code in ne .js Datei und lädst ihn dann von dort aus.
Auf Wunsch kann ich das ganze an meiner Seite mal vorzeigen, dann änder ich den Theme von meinem Blog schnell.
//Edit: Merke grad erst, dass das ja im PHP Bereich ist. Meine Variante enthällt demnach rein gar kein PHP, sondern ausschließlich JavaScript, HTML und CSS