Geometrische Objekte erzeugen

Ein weiteres Beispiel zeigt, dass TYPO3 nicht nur Pixelbilder und Text im GIFBUILDER kombinieren, sondern auch geometrische Objekte wie Rechtecke erzeugen kann. Hierzu dient das Objekt BOX.

seite=PAGE
seite.10=IMAGE
seite.10.file=GIFBUILDER
seite.10.file.XY=200,200
seite.10.file.backColor=black
#einRechteckdefinieren:
seite.10.file.10=BOX
seite.10.file.10{
	dimensions=20,20,160,120
	color=red
}

Im oben gezeigten Quelltext geht Folgendes vor sich:

• seite.10 = IMAGE | seite.10.file = GIFBUILDER –> Dem Positionsobjekt 10 der Seite „seite“ wird ein IMAGE-Objekt zugewiesen. Anstatt diesem eine (statische) Datei zuzuweisen, erhält die „file“-Eigenschaft ein GIFBUILDER-Objekt.
• seite.10.file.XY = 200,200 | seite.10.file.backColor = black -> Das GIFBUILDER-Objekt wird durch die Abmessungseigenschaft „XY“ (Breite, Höhe) als Quadrat mit 200 Pixel Kantenlänge definiert und bekommt die Farbe Schwarz (black) als Hintergrundfarbe zugewiesen.
• seite.10.file.10 = BOX -> Diese Anweisungen erzeugen ein Rechteck innerhalb des schwarzen Quadrats, das durch das GIFBUILDER-Objekt „seite.10.file“ gebildet wird.
• color = red -> Das Rechteck erhält die Farbe Rot (red). Die Farbangabe könnte alternativ mit einem RGB-Hexadezimalwert erfolgen, wie man ihn aus HTML kennt. Die gleiche Wirkung hätte daher der Wert #ff0000.
• dimensions = 20,20,160,120 -> Die ersten beiden Zahlen der Eigenschaft „dimensions“ des BOX-Objekts geben an, dass es gegenüber der linken oberen Ecke des Mutterobjekts „seite.10.file“ um je 20 Pixel nach rechts und unten positioniert werden soll. Die beiden anderen Werte sind seine Breite und Höhe. Das Rechteck ist demnach 160 Pixel breit und 120 Pixel hoch.

Gut kombiniert: Ein grafisches Menü mit Text-Dropdown.

Grafische Menüs

Die Bildverarbeitungsfunktionen stecken auch hinter den Funktionen, mit denen TYPO3 grafische Menüs automatisch erzeugen kann. Dies kann automatisiert werden und bietet deutliche Vorteile gegenüber dem einzelnen Erstellen von Menügrafiken. Nachteil: Grafische Menüs führen zu längeren Ladezeiten der entsprechenden Seiten und können Suchmaschinen und Menschen mit Seh-Behinderungen vor Probleme stellen.

Bei Änderungen durch Redakteure werden die zum Aufbau der Menüs benötigten Bilder automatisch auf dem Server neu berechnet. Das zeitraubende Erstellen von Grafiken in Bildverarbeitungsprogrammen für alle Menüpunkte entfällt dadurch, was sich vor allem bei häufigen Änderungen positiv bemerkbar macht. TypoScript kennt zudem mit „GMENU_LAYER“ einen Objekttyp, mit dem Sie grafische Aufklappmenüs konstruieren können, die aus DHTML-Layern bestehen. Es ist dabei nicht nötig, den JavaScript-Code von Hand zu schreiben. Die Funktionsweise und das Aussehen der Aufklappmenüs werden gänzlich in TypoScript definiert. Noch eleganter geht es mit etwas zusätzlichem TypoScript [1], wodurch der Einsatz von JavaScript weitestgehend vermieden werden kann und der ausgegebene Code als barrierefrei gilt [2].

Der Autor

Andreas Stöckl ist Professor an der Fachhochschule Hagenberg in Österreich, an der er unter anderem das Fach „Content Management Systeme“ unterrichtet. Als Geschäftsführer der Internetagentur Cyberhouse (www.cyberhouse.at) hat er umfangreiche Erfahrungen mit TYPO3 an zahlreichen Webprojekten sammeln können.