Dynamisk fontstorlek?!

Jag vill kunna ändra min fontstorlek dynamiskt från ex: 12 till 20 genom att klicka på en knapp.
Hur gör jag?

Om det är flera ställen du skall ändra storlek på tror jag det blir enklast med en klass i CSS;

<style type="text/css">
.minklass { font-size:12pt; }
</style>
<script type="text/javascript" language="JavaScript">
function getStyleClassByName(className){
	if(document.all){
		for(var styleSheet=0;styleSheet<document.styleSheets.length;styleSheet++){
			for(var rule=0;rule<document.styleSheets[styleSheet].rules.length;rule++){
				if(document.styleSheets[styleSheet].rules[rule].selectorText=="."+className){ return document.styleSheets[styleSheet].rules[rule]; }
			}
		}
	} else if(document.getElementById){
		for(var styleSheet=0;styleSheet<document.styleSheets.length;styleSheet++){
			for(var rule=0;rule<document.styleSheets[styleSheet].cssRules.length;rule++){
				if(document.styleSheets[styleSheet].cssRules[rule].selectorText=="."+className){ return document.styleSheets[styleSheet].cssRules[rule]; }
			}
		}
	}
	return null;
}
</script>
<div class="minklass">Lite text...</div>
<form>
<input type="button" value="12 pt." onClick="getStyleClassByName('minklass').style.fontSize='12pt';">
<input type="button" value="20 pt." onClick="getStyleClassByName('minklass').style.fontSize='20pt';">
</form>

Korspostning:

http://www.webforum.nu/showthread.php?s=&threadid=64111

:)

Tråden stängs med hänvisning till wF's förhållnigsregler.