Schriftgröße ändern
Michael
- javascript
0 wahsaga0 Gernot Back
Hallo selfhtml,
ich hoffe das mir hier jemand weiterhelfen kann:
ich habe folgenden JavaScipt-Codeschnipsel
var prefsLoaded = false;
var defaultFontSize = 71.1;
var currentFontSize = defaultFontSize;
function revertStyles(){
currentFontSize = defaultFontSize;
changeSize(0);
}
function changeSize(sizeDifference){
currentFontSize = parseInt(currentFontSize) + parseInt(sizeDifference * 5);
if(currentFontSize > 120){
currentFontSize = 120;
}else if(currentFontSize < 60){
currentFontSize = 60;
}
setFontSize(currentFontSize);
};
function setFontSize(fontSize){
var stObj = (document.getElementById) ? document.getElementById('content_area') : document.all('content_area');
document.body.style.fontSize = fontSize + '%';
};
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
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 = setUserOptions;
function setUserOptions(){
if(!prefsLoaded){
cookie = readCookie("fontSize");
currentFontSize = cookie ? cookie : defaultFontSize;
setFontSize(currentFontSize);
}
}
window.onunload = saveSettings;
function saveSettings()
{
createCookie("fontSize", currentFontSize, 365);
}
in meiner HTML Datei hab ich folgenden Teil drin stehen:
<div style="font-size:11px">
| <a href="index.php" title="Reset font size" onclick="revertStyles(); return false;">Reset</a> |
<a href="index.php" title="Decrease font size" onclick="changeSize(-1);return false;">A - </a> |
<a href="index.php" title="Increase font size" onclick="changeSize(1);return false;">A + </a> |
</div>
Jetzt hab ich folgendes Problem. In Opera und Firefox funktioniert das mit der Schriftgrößenänderung wenn ich auf die entsprechenden Links klicke. Beim IE aber leider nicht.
Ich sitz da jetzt schon sicher nen halben Tag dran und komm nicht weiter. Wäre echt nett wenn mir jemand einen Tip geben könnte
Schon mal danke
Gruß
Michael
hi,
In Opera und Firefox funktioniert das mit der Schriftgrößenänderung wenn ich auf die entsprechenden Links klicke. Beim IE aber leider nicht.
"Funktioniert nicht" ist keine Problembeschreibung.
gruß,
wahsaga
Hallo Michael,
frag doch beim IE mal so etwas ab und setze es ggf. über die style-Eigenschaften auch anders:
document.body.currentStyle.fontSize
document.getElementById('deinElement').currentStyle.fontSize
Gruß Gernot