Aktuelle Informationen rund um TYPO3

Archiv zur KategorieJavaScript/AJAX

HOWTO: Lightbox ohne Extension in TYPO3

Durch Neuerungen in TYPO3 4.5 ist es einfacher geworden, die integrierte “Enlarge on Click” Funktion als Lightbox umzusetzen. Hier ist nun eine kurze Anleitung, wie man eine solche Funktion umsetzen kann und dabei sogar ohne Extension auskommt.

Um Bilder per Klick größer anzeigen zu lassen, gibt einem TYPO3 die Möglichkeit, bei den Content-Elementen Bild bzw. Text/Bild die Funktion “Enlage on Click” zu setzen. Dies veranlasst TYPO3, bei einem Klick auf ein Bild dieses in einem Popup in der Originalgröße anzuzeigen. Eine nicht ganz zeitgemäße Funktion.

Häufiger wird deswegen diese Funktion umgebaut, so dass die größere Ansicht des Bildes in einer Lightbox angezeigt wird. Hierfür hat man früher häufig Extensions wie beispielsweise “perfect_lightbox” eingesetzt. Durch Erweiterungen an den TypoScript-Eigenschaften einer Image-Resource ist die Verwendung einer Extension nun nicht mehr nötig.

Flagbit Büro

Beispiel für eine Lightbox mit einem Bild des Flagbit-Büros


weiterlesen »

TYPO3 4.6: neue Features und Änderungen

Am 25. Oktober 2011 plant das TYPO3 4.6 Release Team die finale Version von TYPO3 4.6.0 zu veröffentlichen. Es wird die erste Version nach dem Long Time Support (LTS-) Release von TYPO3 4.5. Während diese Version noch unter dem Fokus möglichst großer Kompabilität entwickelt wurde, wird die neue TYPO3 Version einige Abwärtskompabilitäten aufgeben. Hiermit soll die Entwicklung neuer Funktionen vereinfacht und beschleunigt werden. Unter anderem werden die folgenden Kompabilitäten aufgegeben:

  • Internet Explorer 6 Supports im Backend
  • Unterstützung von alten GraphicMagic- und ImageMagic-Versionen
  • Entfernung zahlreicher als “veraltert” markierte Funktionen und Codestücke
  • Statische Templates
  • Abfragen auf die PHP-Safe-Mode, welche in PHP 5.3 als veraltet gilt

Durch diese Änderungen könnten eventuell einige alte Server-Setups und ältere Extensions nicht länger funktionieren, was jedoch zu verschmerzen ist, da die aktuelle TYPO3 Version 4.5 noch drei Jahre unterstützt wird. Im TYPO3-Bugtracker sind alle Änderungen unter dem Bug “#17481: The Big Cleanup” zusammengefasst.
Bis zum Release-Date sind aber noch einige Neuerungen geplant. So soll beispielsweise der HTML5 Fileuploader im Backend integriert werden, welcher schon für TYPO3 4.5 geplant war, es dann aber nicht in die finale Version geschafft hat. Größtenteils handelt es sich aber um technische Neuerungen, beispielsweise:

  • IPv6 Support
  • PHP 5.3 Namespace Support
  • Performance-Verbesserungen im Code
  • Ausbau der Verfügbarkeiten von stdWrap im TypoScript
  • Cache-Handling, wenn Start oder End-Zeit gesetzt ist

Die Anzahl der geplanten Verbesserungen am TYPO3-Code ist noch viel länger. Auch ist noch nicht sicher, ob wirklich alle geplanten Änderungen tatsächlich bis zum geplanten Termin im Oktober umgesetzt oder doch auf die nächste Version verschoben werden. Wer aber Interesse hat, sich die Neuerungen und den Stand von deren Entwicklung anzusehen, der kann einen Blick in die Roadmap des TYPO3-Bugtrackers werfen.

JS-Error in IE, Totalabbruch

Letzte Woche habe ich versucht, einen JavaScript-Fehler zu beheben, der im IE auf einer Seite auftrat, die wir vor längerer Zeit mit recht vielen JavaScript-Elementen ausgestattet hatten. Auf der ersten Seite findet sich dort ein Flashelement, die aus unerklärlichen Gründen im IE nicht mehr funktionierte. Dieses Flash wird mittels JavaScript eingebunden (mittels des coolen SWFObject).

Zu meiner noch viel größeren Überraschung kam aber noch hinzu, dass die Seite manchmal funktionierte. Nach ein paar Tests nämlich genau dann, wenn der Cache leer war. Dann kam keine Fehlermeldung und die Seite wurde korrekt und fehlerfrei angezeigt. Und auch wenn die Fehlermeldung kam, konnte man bei genauem Hinsehen vorher die teilweise gerenderte Seite kurz aufblitzen sehen. Mit völligem Unverständnis, wie es zu dieser Fehlermeldung kommen kann, habe ich mich auf die Suche nach einer Lösung gemacht.

weiterlesen »

Browserweichen mit Prototype

Es gibt ein undokumentiertes Objekt in Prototype, welches einem beim schreiben von JavaScript-Browserweichen sehr behilflich sein kann. Dieses Objekt ist in der Prototype-API nicht dokumentiert, da ja Crossbrowser-Probleme üblicherweise von Prototype übernommen werden sollen und deswegen dieses Objekt überflüssig sein sollte. Jedoch wird es intern in der Prototype.js verwendet.

An den meisten Stellen sollte es in der Tat überflüssig sein, jedoch fand ich mich schon manchmal in einer Situation, wo ich diese Funktionalitäten doch brauchte. Im folgenden möchte ich auf die Verwendung kurz eingehen.

weiterlesen »