WCM Forum - Fobt größe ändern

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - Fobt größe ändern (http://www.wcm.at/forum/showthread.php?t=126986)

Font größe ändern

also ich möchte bei ner tabelle mit 18 000 feldern...

die font größe über 2 buttons steuern sozusagen ein zoom...

+ - 5% jeweils ich hab schon was per javascript gefunden aber das is einfach zu langsam...

geht da was per css das man da in kombination mit javascript was machen kann ich find einfach nix *schäm* (also ohne die site zu reloaden...)

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

Soda ich hab mir nun alles angschaut und da war nix was mir gefallen hat also hab ich mich mit den gefunden mal beschäftigt und selbst was gebaut...

bei mir gings drum in nem table die fonts zu vergrößern/kleinern...

das hab ich wiefolgt gelöst... der table hat ne id bekommen in meinem fall "hmm"

auf andere stelle wurden 2 "onclick" elemente eingebaut...

<p ONCLICK=\"hhh('1');\">Karte größer(+)</p>
<p ONCLICK=\"hhh('0');\">Karte kleiner(-)</p>

"hhh" ist in diesen fall die funktion als javascript...

function hhh(sizer){
var sizer;
var hmm1;
var hmm2;
var sizeo = 100;

hmm1 = document.getElementById("hmm");
hmm2 = document.getElementById("hmm").style.fontSize;
intLength = hmm2.length;
if ( intLength == '' ) { sizeo = 100; }
if ( intLength == '3' ) { sizeo = hmm2.substr(0,2); }
if ( intLength == '4' ) { sizeo = hmm2.substr(0,3); }
//window.alert(' di ersteDas War was ' + sizer + ' ' + hmm2 + ' intl ' + intLength + ' ss ' + typeof(sizeo));
sizeo = parseInt(sizeo);
if (sizer == 1) { sizeo = sizeo + 10; hmm1.style.fontSize = sizeo + "%"; }
if (sizer == 0) { sizeo = sizeo - 10; hmm1.style.fontSize = sizeo + "%"; }

}

die schrift wird nach +/- 5% geändert mit diesen script über das das "sizer" wird beim onclick übergeben das des script weiss ob es den table font größer oder kleiner machen soll....

ich weiss das script is dirty.. die variablen sind schlecht gewählt... aber es funkt :hehe: und es is ned so lang wie andere lösungen oder ich brauch ned XXX css styles...

prob is nur das mein table 18 000 felder hat und das is bisschen groß so das die größenänderung bisschen dauert... (paar secs) wenn da noch wer einen idee hat

mfg