Zu klein gewählte Schriftgrößen machen den Inhalt von Webseiten oft unlesbar. Dieses Problem trifft insbesondere Menschen, die Probleme mit der Sehkraft haben. Aber auch den normal sehenden Seitenbesucher kann eine zu kleine Schrift stören und unnötig anstrengen. Allerdings ist die Wahl einer "optimalen" Schriftgröße problematisch, da sie individuell unterschiedlich ausfallen würde: Jeder empfindet eben eine andere Schriftgröße als optimal. Um dieses Problem der subjektiven Wahrnehmung zu lösen, kann man nun dem Benutzer die Möglichkeit geben die Schriftgröße auf seine persönlichen Bedürfnisse anzupassen.
Zu diesem Zwecke wurde das hier vorgestellte JavaScript entwickelt. Das Script ermöglicht es dem Benutzer die Schriftgröße schrittweise an seine Bedürfnisse anzupassen. Die Schrittweite, mit der die Schriftgröße geändert wird, kann dabei beliebig im JavaScript-Code festgelegt werden. Auch die anfängliche Schriftgröße kann man in einem initialen Funktionsaufruf beliebig fest legen. Quelldatei und Beispielseiten sind komplett durchkommentiert, so dass der JavaScript-Code leicht zu verstehen ist. Sie können diese Funktion mit nur zwei JavaScript-Zeilen in Ihre Seite einbauen.
In der Java Script Schriftgrößen Demo können Sie das Script ausprobieren. Die Beispielseite zeigt, wie Sie auf einfache Art und Weise eine solche Funktion in Ihrer Seite nutzen können.
Hier können Sie das JavaScript Fontsize Script Downloaden (4.9K). Das Archiv enthält den JavaScript Code zur Java Script Schriftgrößenanpassung und zwei Beispielseiten, die als Vorlage genutzt werden können. Zur Integration in Ihre Seite können Sie diese Vorlagedatei und das zugehörige Stylesheet nutzen. Außerdem können Sie die Navigationselemente (die Links "+" und "-") durch eigene Buttons ersetzen. Der JavaScript Code in der Java Script Datei und in der Vorlage ist ausführlich kommentiert, so dass eine Anpassung sehr leicht gelingen dürfte.
Wenn Ihnen das hier angebotene Script gefällt und Sie es auf Ihrer Homepage einsetzen möchten würde ich mich freuen, wenn Sie einen Link auf meine Seite setzen.
¬ News
15.08.2008Schleifen in PHP: Die While-Schleife » mehr 13.08.2008Nutzung von Variablen unter PHP: Definition, Sichtbarkeit und vordefinierte Variablen » mehr 11.08.2008Ausgabe von Datum und Zeit mit PHP nach Konvertierung in ein String » mehr Eine vollständige News-Liste ist auf der News-Seite zugänglich.
¬ JavaScript
Valid HTML 4.01!
Valid CSS!
Webseite Pflege •
Suchmaschinenoptimerung •
Internetseite programmieren