Entwicklung von Extensions mit Ajax

Bevor man sich an die Entwicklung einer eigenen Extension mit Ajax wagt, sollte man sich die diversen existierenden Frameworks und Bibliotheken genauer ansehen. Diese nehmen dem Entwickler sehr viel Arbeit ab und stellen unterschiedlichste Effekte Out-of-the-box bereit. Bekannte Vertreter sind Mootools (t3mootools), Scriptaculous (jm_scriptaculous), Ext JS (extjs), jQuery (jquery) und viele andere. Die Namen in Klammern geben den Key der Extension an, die die jeweilige Bibliothek in TYPO3 integriert. Allerdings lassen sich die unterschiedlichen Bibliotheken auch direkt einbinden, ohne den Umweg einer Extension.

Egal, für welchen Weg man sich entscheidet, den gleichzeitigen Einsatz mehrerer Bibliotheken sollte man vermeiden, da sich diese untereinander oft nicht vertragen. Die Beispiele dieses Artikels setzen auf Mootools und können allesamt auch online betrachtet werden [1]. Auf der Mootools-Website finden sich zudem zahlreiche weitere einfache Beispiele.

Einbindung von Mootools

Mootools lässt sich über die oben genannte Extension oder direkt per TypoScript einbinden. Für die folgenden drei Beispiele müssen zusätzlich die Dateien „t3nmenu.js“ (Beispiel 1), „t3nresize.js“ (Beispiel 2) und „t3nnewsticker.js“ (Beispiel 3) eingebunden werden.

page.includeJS.file1  =  fileadmin/dev/temp/mootools.js
page.includeJS.file2  =  fileadmin/dev/temp/t3nmenu.js
page.includeJS.file3 =   fileadmin/dev/temp/t3nresize.js
page.includeJS.file4 =   fileadmin/dev/temp/t3nnewsticker.js

Sämtliche Dateien finden Sie auf der Heft-CD und unter [1], die Bibliothek selbst (mootools.js) gibt es auch auf der Mootools-Website, wobei man zum Entwickeln immer die komplette Bibliothek verwenden sollte.