Javascript Schriftgröße

Fragen und Antworten zur clientseitigen Programmiersprache JavaScript

Javascript Schriftgröße

Beitragvon hincziza am Mo 30. Jun 2008, 13:59

Hallo!

Ich würde gerne euer Script zur veränderung der Schirftgröße in meine Contrexx Seite einbauen.
Dabei habe ich allerings noch einige Probleme.

1. Ist es möglich das z.B.: max. 3 mal vergößert werden kann
2. Die eingestellte Schriftgröße z.b. 1.4 em wird nicht auf die andern Seiten der Webseite übertragen sprich man muss immer wieder neu die Schriftgröße anpassen.
Gibt es da eine Lösung?

Danke.


mfg
hincziza
 
Beiträge: 1
Registriert: Mo 30. Jun 2008, 13:55

Beitragvon alm am Di 1. Jul 2008, 09:58

Hallo,

wenn das Vergrößern und Verkleinern der Schrift nur in drei Stufen erfolgen soll, dann bestehen zwei Möglichkeiten
dies zu realisieren. Zum Einen kann man drei Links mit unterschiedlichen Schriftgrößen anbieten. Hierzu müssen nur
die Links im oberen Bereich entsprechend angepasst werden. Aus der Zeile
Code: Alles auswählen
document.write ("<li><a href=\"" + (document.all ? "#" : "") + "\" onclick=\"javascript:incFontSize ();return;\" title=\"Schrift vergr&ouml;&szlig;ern\">+<\/a> / <a href=\"" + (document.all ? "#" : "") + "\" onclick=\"javascript:decFontSize ();return;\" title=\"Schrift verkleinern\">-<\/a><\/li>");

wird dann beispielsweise (die Worte klein, groesser und riesig können beispielsweise durch Bilder ersetzt werden)
Code: Alles auswählen
document.write ("<li><a href=\"" + (document.all ? "#" : "") + "\" onclick=\"javascript:setFontSize (1.0);return;\">klein<\/a> / <a href=\"" + (document.all ? "#" : "") + "\" onclick=\"javascript:setFontSize (1.2);return;\">groesser<\/a><\/li> / <a href=\"" + (document.all ? "#" : "") + "\" onclick=\"javascript:setFontSize (1.4);return;\">riesig<\/a><\/li>");


Die zweite Möglichkeit besteht darin, dass die JavaScript-Aufrufe durch entsprechende Abfragen erweitert werden.
In den Aufrufen der Links (+/-) fragt man dann einfach die aktuell eingestellte Schriftgröße ab und entscheidet
dann, ob eine Vergrößerung oder Verkleinerung durchgeführt werden soll. Etwa so:
Code: Alles auswählen
document.write ("<li><a href=\"" + (document.all ? "#" : "") + "\" onclick=\"javascript:if (fsize < 1.2) incFontSize ();return;\" title=\"Schrift vergr&ouml;&szlig;ern\">+<\/a> / <a href=\"" + (document.all ? "#" : "") + "\" onclick=\"javascript:if (fsize > 1) decFontSize ();return;\" title=\"Schrift verkleinern\">-<\/a><\/li>");

Welche Werte hier angegeben werden müssen hängt natürlich von der bei der Initialisierung gewählten Schrittweite ab.

Was die Übergabe der Schriftgrößen an Folgeseiten angeht, so ist zu beachten, dass das Script korrekt in die Seiten
eingebaut werden muss. Warum das nicht funktioniert kann ich ohne entsprechenden Link zur Website (Testseiten, wo das
Script eingebaut ist) nicht sagen.

Gruß
Alex
EvoComp.de
Beachten Sie unsere Beispiele zu JavaScript, PHP und Ajax, sowie unser PHP MySQL Tutorial
alm
 
Beiträge: 81
Registriert: Do 21. Feb 2008, 16:22
Posts


Zurück zu JavaScript

cron