Fobt größe ändern

jak · 01.03.2004, 21:22

Low-tech: Im Browser ändern (z.B.: IE Ansicht-Schriftgrad)
Ansonsten:
http://www.google.com/search?hl=en&i...=Google+Search

3. Treffer:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
     <title>Printable version</title>
<script language="JavaScript" type="text/javascript">
<!--
function DK_styleChanger() {

     var fontIndex = eval(document.forms[0].font.selectedIndex);
     var sizeIndex = eval(document.forms[0].size.selectedIndex);
     var font = (document.forms[0].font.options[fontIndex].value);
     var size = (document.forms[0].size.options[sizeIndex].value);

     var rubrik = document.getElementById("rubrik");
     var text = document.getElementById("text");

     if ((font != "") || (size != "")){

         rubrik.style.fontFamily=font;
         rubrik.style.fontSize=size;
         text.style.fontFamily=font;
         text.style.fontSize=size;
     }

}
//-->
</script>

</head>

<body>
<form>
<select name="font">
<option value="">Choose font face</option>
<option value="arial">Arial</option>
<option value="verdana">Verdana</option>
<option value="times">Times</option>
</select>
<select name="size">
<option value="">Choose font size</option>
<option value="10px">10 pixlar</option>
<option value="14px">14 pixlar</option>
<option value="18px">18 pixlar</option>
</select>

<input type="button" onClick="DK_styleChanger();" value="Ändra!">
</form>

<table width="500" cellpadding="0" cellspacing="0" border="0">
<tr><td><div id="rubrik">Kalle Karlsson</div></td></tr>
<tr><td><div id="text">Bla bla blaskan kommer hitåt...</div></td></tr>
</table>

</body>
</html>

Der Witz ist folgender: Es gibt für jedes Element der Website ein style-Objekt.
Es müsste auch so gehen (Schriftgröße um eins verringern):

Code:

for (var i=0;i<document.elements.length;i++; ){document.elements[i].style.fontSize--;}

Hab das alles aber nicht ausprobiert.

Jak

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)