Michael: Schriftgröße ändern

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

  1. 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.

    Tipps für Fragende

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
  2. 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