Fobt größe ändern

James · 01.03.2004, 20:18

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

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

snowman · 02.03.2004, 14:14

http://www.dyn-web.com/dhtml/sizefont/sizefont2.html

gruss,
snowman

James · 28.03.2004, 19:51

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

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

01.03.2004, 20:18	#1
James Meisteroptiker Registriert seit: 19.05.2000 Ort: Salzburg Alter: 43 Beiträge: 1.495	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...) ____________________________________ ©Sliver Productions http://www.sol.at/past/ http://www.lunchgen.com http://optik.dyns.cx http://sliver.hypermart.net/script/

02.03.2004, 14:14	#3
snowman Inventar Registriert seit: 26.09.1999 Beiträge: 2.569	http://www.dyn-web.com/dhtml/sizefont/sizefont2.html gruss, snowman ____________________________________ MediaMarkt? Ich bin doch nicht blöd, Mann! Vorsprung durch Technik Lesen Sie keine Anleitungen, FAQs, Readme - Files. Reine Zeitverschwendung. In den Newsgroups und Foren gibt es genug kompetente Leute, die mit großer Geduld immer wieder dieselben einfachen Fragen beantworten. Völlig kostenlos noch dazu!

28.03.2004, 19:51	#4
James Meisteroptiker Registriert seit: 19.05.2000 Ort: Salzburg Alter: 43 Beiträge: 1.495	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 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 ____________________________________ ©Sliver Productions http://www.sol.at/past/ http://www.lunchgen.com http://optik.dyns.cx http://sliver.hypermart.net/script/

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