Schriftgröße per Javascript Funktion schrittweise erhöhen

CaptainGerrard8 · 28. Februar 2011, 17:59

Hallo,

ich habe eine Website die fix fertig aufgebaut ist und welche jetzt wegen Barrierefreiheit eine kleine Funktion enthalten muss, welche die Schriftgröße aller Texte schrittweise erhöht.
Ich könnte jetzt eine kleine Funktion schreiben die beim Klick jeden Style der eine Größe enthält, diesen um z.B. 2px erhöht etc., jedoch wäre das relativ aufwendig und meine Frage ob es eine bessere Methode gibt?

Vielen Dank für eure Antworten.

Liebe Grüße,
David

Torben Brodt · 28. Februar 2011, 20:02

Hi,
du kannst doch mit JavaScript CSS kontrollieren.
Das folgende sollte seinen Dienst tuen.

Quellcode

body {
font-size:200%;
}

Hier noch Informationen zur Realisierung: [wiki]CSS Regeln mit JavaScript hinzufügen[/wiki]

Balioo · 28. Februar 2011, 20:10

Das wird nicht klappen, da die Werte der Kindelemente die der Elternelemente überschreiben.

CaptainGerrard8 · 28. Februar 2011, 20:29

Balioo schrieb:

Das wird nicht klappen, da die Werte der Kindelemente die der Elternelemente überschreiben.

Und genau das ist eben mein Problem, alle Style Elemente bzw. Werte sind in px angegeben, kann ich jetzt irgendwie alle Werte um 20% vergrößern?

Torben Brodt · 1. März 2011, 09:06

Oh.. ich dachte das würde vom Elternelement vererbt werden.

Hier nochmal ein Text: de.selfhtml.org/css/eigenschaften/schrift.htm#font_size

Für die Ausgabe auf dem Bildschirm sind vor allem relative Einheiten wie em, ex, Prozentwerte oder Schlüsselworte geeignet, absolute Einheiten wie pt, cm usw. sollten Drucklayouts vorbehalten sein. Eine Sonderstellung nimmt die relative Einheit px ein, da sich bei deren Verwendung Schriftgrößen im Internet Explorer nicht mehr verändern lassen. Im Sinne der Benutzbarkeit sollten Sie daher auf diese Einheit nach Möglichkeit verzichten.

Dann bleibt dir wohl nichts übrig als durch ALLE Elemente zu iterieren und sie individuell zu vergrößern.
Das jquery Plugin fontscale bietet dir dies: byrnecreative.com/blog/fontscale/
Es speichert die Einstellung außerdem in einem Cookie, damit die Einstellung erhalten bleibt.

Lg

CaptainGerrard8 · 1. März 2011, 09:53

Genau so ein jQuery habe ich gesucht, vielen Dank!

Schriftgröße per Javascript Funktion schrittweise erhöhen

Schriftgröße per Javascript Funktion schrittweise erhöhen

Quellcode

Balioo schrieb:

Teilen

Tags