Schriftgrößenwechsel

Hallo!

Ich würde gern auf einer Seite die Möglichkeit des Schriftgrößenwechsels implementieren (Lupen + und -).

Hat jemand hierzu ein paar Anregungen, Links oder vielleicht sogar Quellcode wie sich das realisieren lässt.
(Ohne Yaml!)

Vielen Dank im voraus

Sebastian

Hallo Sebastian,

wechsel doch einfach das Stylesheet. Dann machst du halt eins für jede Schriftgröße.

Dazu musst du im HTML-Header folgendes unterbringen:

<link rel="alternate stylesheet" type="text/css" href="css/test2.css" title="zwei" />

Und dann brauchst du etwas Javascript:

function setActiveStyleSheet(title) {
   var i, a, main;
   for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
     if(a.getAttribute("rel").indexOf("style") != -1
        && a.getAttribute("title")) {
       a.disabled = true;
       if(a.getAttribute("title") == title) a.disabled = false;
     }
   }
}

 function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

window.onload = function(e) {
  setActiveStyleSheet('eins');
}

Hinter die +/- Links legst du dann einen entsprechenden Aufruf der Funktion setActiveStyleSheet()

Tschau Susanne

Hallo,

das Skript für die Schiftgrößenregulierung, das von YAML verwendet wird, gibts soweit ich weiß auch schon als Extension (efa_fontsize?). Alternativ kann man sich das Skript ja auch aus YAML rauskopieren oder?

lg,
Reinhard

Edit: Die Extension heißt efafontsize

http://typo3.org/documentation/document-library/extension-manuals/efafontsize/1.1.0/view/

Hallo!

Ich bin begeistert!!!! :p :p :p
Ich danke Euch für die vielen und schnellen Anregungen!
Werde mir beides ansehen!
Viele Grüße
Sebastian