T3N-Toolbox #2: Ajax-Extensions für TYPO3

01.10.07 - 10:17

In dieser T3N-Toolbox stellt die Redaktion sieben Extensions vor, die TYPO3 um schicke und nützliche Ajax-Funktionalitäten erweitern.

T3N-Toolbox #2: Ajax-Extensions für TYPO3

Perfect Lightbox2 (perfectlightbox) von B. Niediek
Lightbox ist ein JavaScript und dient zur Präsentation von Fotos und Abbildungen. Dabei wird die Website im Hintergrund abgedunkelt, um den vollen Fokus auf das Bild zu lenken. Die Lightbox-Technik ist mittlerweile sehr verbreitet. Die Extension "Perfect Lightbox2" verfolgt dabei zwei interessante Ansätze: Sie kommt ohne XCLASS aus und nutzt ausschließlich TypoScript, außerdem arbeitet sie sowohl mit Prototype, als auch mit Mootools.

T3 Mootools
(t3mootools) von P. Klein
Diese Backend-Extension ermöglicht es, nur genau die Komponenten von Mootools laden zu müssen, die auf der Website auch tatsächlich benötigt werden. Sie prüft alle (dafür konfigurierten) Mootools-Extensions auf deren Komponenten und stellt diese zur Verfügung. Darüber hinaus gibt es eine einfache API, um Mootools in einer Extension nur einmal zu laden, egal wieviele Extensions Mootools verwenden.

Generates an ecard module for pmkslimbox
(rgecard) von G. Ringer
Diese Extension erweitert die Lightbox (zur Zeit nur die Extension pmkslimbox) um eine E-Card-Funktionalität. Bilder, die in einer Lightbox dargestellt werden, können damit als E-Card angeboten werden. Die Extension arbeitet vollständig Template-basiert biete die Möglichkeit eines Double-Opt-in-Vefahrens. An einer Umsetzung für die Extension perfectlightbox wird gearbeitet.
Demo: www.rggooglemap.com/dev/rgecard.html

rgtabs (rgtabs) von G. Ringer
Die Extension bietet die Möglichkeit, zwischen einzelnen Contentelementen mittels Reiter-Navigation zu wechseln. Das Ganze ist vollständig mit CSS anpassbar und mit TypoScript manipulierbar. Die Contentelemente können sowohl mit Ajax nachgeladen als auch schon beim Laden der Seite geladen werden. Verschachtelte Tabs sind ebenso wie möglich wie Plugins als Inhalt.
Demo: www.rggooglemap.com/dev/rgtabs.html

Cool CE presentation as an accordion
(rgaccordion) von G. Ringer
Mit der Extension "rgaccordion" lassen sich Contentelemente mit Effekten ein- und ausklappen. Die Extension verfügt über verschiedene Modi, sodass sich auch alle Contentelemente einer Spalte zu einem Akkordeon zusammenschalten lassen. Ebenso kann man gezielt nur bestimmte Contentelemente ein-/ausklappbar machen.
Demo: www.rggooglemap.com/dev/rgaccordion.html

A smooth scroll to any anchor
(rgsmoothscroll) von G. Ringer
Die Extension führt den Besucher beim Klick auf einen Ankerlink über einen Scroll-Effekt zu der verlinkten Position. Dabei stehen zahlreiche Effekte zur Auswahl, die sich mittels Constant Editor auswählen lassen.
Demo: www.rggooglemap.com/dev/rgsmoothscroll.html

The lightbox for content only
(rgmoodalbox) von G. Ringer

Diese neue Extension (im TER seit 28.9.2007) ermöglich es, normalen Content in einer Lightbox darzustellen. Dazu muss lediglich der Link um ein Attribut ergänzt werden. Die Lightbox kann zudem auch direkt über JavaScript aufgerufen werden. Über TypoScript (zu finden im Handbuch) lassen sich einzelne Contentelemente laden.
Demo: www.rggooglemap.com/dev/rgmoodalbox.html

(Jan Christe)

Diesen Beitrag jetzt bookmarken!

del.icio.usdigg.comYiggItMister WongTechnoratigoogle.com
3 Kommentare
#1 t3n.ringerge.org schrieb am 01.10.2007 11:18
t3n.ringerge.org

Vielen Dank für die nette Vorstellung meiner Extensions!

mittlerweile ist rgcountdown dazugekommen!

rgcountdown

#2 t3n.ringerge.org schrieb am 16.10.2007 00:33
t3n.ringerge.org

Mittlerweile gibts auch wieder bald eine neue Extension zum Validieren von Formularen. Mehr dazu auf meiner Website

rgformvalidator

 

mfg

georg ringer

#3 sturmi2 schrieb am 14.06.2008 11:43
sturmi2

Webagentur

Ich möchte diese Extension in eigenen Extension verwenden und es sollte auch eine Beschreibung zum Bild (Caption) in der vergrösserten Ansicht angezeigt werden. Ist das mit dieser Ext möglich?

Ihr Kommentar?

Eingefügte Links sind nach dem Absenden automatisch klickbar.
Erlaubte Tags: <a href="URL">sprechender Linktitel</a>, <b>Fettschrift</b>


Weitere News

Das "begehbare Internet": Wie das Web die CeBIT wandelt

Open Source und Web 2.0 rütteln an vielen Pfeilern der Gesel... »

Handy-Betriebssysteme: Symbian, Windows, Linux verlieren, iPhone und Blackberry gewinnen

Wie Zahlen von Gartner zeigen, ist im Handy-Markt eine Menge... »

IBM plant einen "Microsoft-freien" Desktop

IBM plant eine Lösung, um Büroaufgaben ohne Microsoft-Produk... »

Die IT-Jobs der Woche vom 04.12.2008

Einmal pro Woche weisen wir hier auf interessante und aktuel... »

Leitmedien: Internet läuft Fernsehen den Rang ab

Eine aktuelle Umfrage belegt einen Wechsel bei den Leitmedie... »


- Anzeige-

Open Source & TYPO3 Artikel

Alternative Diener

Schlanke Webserver für Ruby on Rails & Co.

Die Webserver von Apache, Microsoft und Sun sind weit verbreitet – Milliarden von Anfragen... »

Viral Marketing

Mit „ansteckenden“ Ideen gezielt Mundpropaganda auslösen

Egal, ob es sich um Kinofilme, Spiele, Reiseziele, Elektrotechnik oder Autos handelt, die begeisterte... »

Bilderflut im Griff

Vergleich der TYPO3-Erweiterungen für Bildergalerien

Wer schon einmal Hunderte von Bildern auf einer Webseite veröffentlichen wollte, weiß... »

Anwendungsentwicklung mit Symfony

Ein Tutorial zum Einstieg in das PHP-Framework

Symfony ist ein mächtiges Framework für die Entwicklung von Webanwendungen, das viele... »

Online lernen mit Moodle

Leichte Bedienbarkeit für Dozenten, Teilnehmer und Administratoren

Moodle steht für „Modular object orientated dynamic learning environment“. Da... »

Open-Source-Marketing

Produkte und Dienstleistungen gemeinschaftlich vermarkten

Stellen Sie sich vor: 5.000 Marketingspezialisten aus der ganzen Welt beschäftigen sich... »