document.styleSheets im IE7

[Thomas Tschernich]

Ich habe auf einer Seite einen Link, mit dem ich die Schriftgröße dokumentweit erhöhen bzw. verringern will. Funktioniert scheinbar in allen vernünftigen Browsern, selbstverständlich nicht im IE7. Der erhöht die Schriftgröße nur im freien Text, nicht aber in der Tabelle, die den eigentlichen Inhalt der Seite enthält.

Hier der CSS-Stylesheet, der verändert werden soll:

<style type="text/css">  
	body, td {font-family: Verdana; font-size: 10px}  
</style>

Hier die dazugehörigen Javascript-Funktionen:

	var fontSizeDef = 10;  
	var fontSize = 10;	  
	var fontSizeInterval = 0.5;  
	  
	function font_dec() {  
		fontSize = fontSize * 0.9;  
		set_font_size(fontSize);  
	}  
	  
	function font_inc() {  
		fontSize = fontSize * 1.1;  
		set_font_size(fontSize);  
	}  
	  
	function font_def() {  
		fontSize = fontSizeDef;  
		set_font_size(fontSize);  
	}	  
  
	function set_font_size(foo) {  
		if (document.styleSheets[0].cssRules) {  
			document.styleSheets[0].cssRules[0].style.fontSize = foo + "px";  
		} else {  
			document.styleSheets[0].rules[0].style.fontSize = fontSize + "px";  
		}  
	}

Und hier der entsprechende Bereich HTML, mit dem es aufgerufen wird:

<a href="javascript:font_dec()">-</a> <a href="javascript:font_def()">Schriftgr&ouml;&szlig;e</a> <a href="javascript:font_inc()">+</a>

Alles im Zusammenspiel betrachtet werden kann es unter:
http://www.pp-intranet.de/trunk/