Hallo
Ich löse den Frontsize Umschalter per Javascript:
Im Seiten Header die zwei Dateien:
<script type="text/javascript" src="fileadmin/cookies.js"></script>
<script type="text/javascript" src="fileadmin/changestyle.js"></script>
einbinden und die CSS Scripte für die Schriftgrössen:
<link rel="stylesheet" type="text/css" href="fileadmin/big.css" title="big" media="screen" />
<link rel="stylesheet" type="text/css" href="fileadmin/medium.css" title="medium" media="screen" />
<link rel="stylesheet" type="text/css" href="fileadmin/small.css" title="small" media="screen" />
Datei cookies.js:
function Cookiemanager(name,defaultExpiration,expirationUnits,defaultDomain,defaultPath) {
this.name = name;
this.defaultExpiration = this.getExpiration(defaultExpiration,expirationUnits);
this.defaultDomain = (defaultDomain)?defaultDomain:(document.domain.search(/[a-zA-Z]/) == -1)?document.domain:document.domain.substring(document.domain.indexOf('.') + 1,document.domain.length);
this.defaultPath = (defaultPath)?defaultPath:'/';
this.cookies = new Object();
this.expiration = new Object();
this.domain = new Object();
this.path = new Object();
window.onunload = new Function (this.name+'.setDocumentCookies();');
this.getDocumentCookies();
}
Cookiemanager.prototype.getExpiration = function(expiration,units) {
expiration = (expiration)?expiration:7;
units = (units)?units:'days';
var date = new Date();
switch(units) {
case 'years':
date.setFullYear(date.getFullYear() + expiration);
break;
case 'months':
date.setMonth(date.getMonth() + expiration);
break;
case 'days':
date.setTime(date.getTime()+(expiration*24*60*60*1000));
break;
case 'hours':
date.setTime(date.getTime()+(expiration*60*60*1000));
break;
case 'minutes':
date.setTime(date.getTime()+(expiration*60*1000));
break;
case 'seconds':
date.setTime(date.getTime()+(expiration*1000));
break;
default:
date.setTime(date.getTime()+expiration);
break;
}
return date.toGMTString();
}
Cookiemanager.prototype.getDocumentCookies = function() {
var cookie,pair;
var cookies = document.cookie.split(';');
var len = cookies.length;
for(var i=0;i < len;i++) {
cookie = cookies[i];
while (cookie.charAt(0)==' ') cookie = cookie.substring(1,cookie.length);
pair = cookie.split('=');
this.cookies[pair[0]] = pair[1];
}
}
Cookiemanager.prototype.setDocumentCookies = function() {
var expires = '';
var cookies = '';
var domain = '';
var path = '';
for(var name in this.cookies) {
expires = (this.expiration[name])?this.expiration[name]:this.defaultExpiration;
path = (this.path[name])?this.path[name]:this.defaultPath;
domain = (this.domain[name])?this.domain[name]:this.defaultDomain;
cookies = name + '=' + this.cookies[name] + '; expires=' + expires + '; path=' + path + '; domain=' + domain;
document.cookie = cookies;
}
return true;
}
Cookiemanager.prototype.getCookie = function(cookieName) {
var cookie = this.cookies[cookieName]
return (cookie)?cookie:false;
}
Cookiemanager.prototype.setCookie = function(cookieName,cookieValue,expiration,expirationUnits,domain,path) {
this.cookies[cookieName] = cookieValue;
if (expiration) this.expiration[cookieName] = this.getExpiration(expiration,expirationUnits);
if (domain) this.domain[cookieName] = domain;
if (path) this.path[cookieName] = path;
return true;
}
var cookieManager = new Cookiemanager('cookieManager',1,'years');
Datei changestyle.js:
function clearDefault(el) {
if (el.defaultValue==el.value) el.value = ""
}
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel") && a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) {
a.disabled = false;
cookieManager.setCookie("style", title, 365);
}
}
}
}
function getActiveStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
}
return null;
}
function getPreferredStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("rel").indexOf("alt") == -1
&& a.getAttribute("title")
) return a.getAttribute("title");
}
return null;
}
var cookie = cookieManager.getCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
Das funktioniert einwandfei und braucht kein nachladen, einziger Nachteil: es wird ein cookie verwendet.
Gruss Lars