Contao: jquery und Mootools

Sep 27

ManuelCMS, Typolight / Contao , , , , , Keine Kommentare

Wie wahrscheinlich mittlerweile jede weiß verwendet Contao als JavaScript Framework MooTools. In einem älteren Beitrag, jQuery statt MooTools in Contao verwenden, habe ich bereits beschrieben wie man das Frontend auf jQuery umstellen kann. Seit Contao 2.10 wird allerdings auch der Poor Man’s Cron via MooTools umgesetzt.

Poor Man’s Cron

Der Poor Man’s Cron ist eine alternative zu den “echten” Crons. Dieser wird hier mit PHP (und MooTools um eben den Aufruf zu starten) umgesetzt. In Contao wird der Cronjob verwendet um temporäre Verzeichnisse zu leeren, das CSS neu zu generieren etc.

Vorgehensweise mit den verschiedenen JS Frameworks

Hier gehe ich nur auf die beiden Frameworks ein.

MooTools

Wird das Standard Framework verwendet gibt es überhaupt keine Probleme, im fe_page.html5 bzw. fe_page.xhtml befindet sich folgender JS Code


jQuery

Sollte jetzt allerdings jQuery verwendet werden, wird in der Fehlerkonsole einen Fehler geworfen:
Request is not defined
Um diesen Fehler zu umgehen ist es nötig den JS Code in der fe_page.html5 bzw. fe_page.xhtml zu ersetzen.
Hierzu muss zuerst das fe_page.* kopiert werden. Einfach im Contao Backend auf Templates und dort das Template kopieren, anschließend mit einem beliebigen Editor öffnen, die Stelle nach obigen Code absuchen und mit diesem hier ersetzen:


Ähnliche Beiträge

Accordion mit Menü

Apr 21

ManuelCMS, Typolight / Contao , , , , , , , Keine Kommentare

Für ein aktuelles Projekt ist es nötig den Inhalt per Accordion bereitzustellen. Das Skript dürfte bekannt sein. Beim Klick auf die Überschrift öffnet sich ein Bereich und der Inhalt wird sichtbar.
Ein Anforderung war nun das es zusätzlich auf der linken Spalte ein Menü gibt mit den Überschriften. Bei Klick auf das Menü soll sich das entsprechende Accordion öffnen.
mehr

Ähnliche Beiträge

jQuery statt MooTools in Contao verwenden

Nov 15

ManuelCMS, Typolight / Contao , , , 4 Kommentare

Das CMS Contao verwendes das MooTools Framework im Backend sowie im Frontend. Nun wurde schon öfter der Wunsch darüber geäußert anstelle von MooTools jQuery zu verwenden. Allerdings würde das bedeuten das im Frontend das Inhaltselement Accordion nicht mehr funktionierren würde (da dieses mit MooTools umgesetzt wurde). Wem das egal ist und trotzdem jQuery einsetzten will/muss der kann folgende 2 Erweiterungen verwenden

jQuery

Mit dieser Erweiterung wird jQuery ins Frontend eingebunden, außerdem bringt diese eine Lightbox Variante mit, laut Forumeintrag soll später auch ein Accordion zur Verfügung stehen. Link zur Erwweiterung

noMooTools

Diese entfernt einfach den MooTools Aufruf im Frontend, damit MooTools wirklich nicht geladen wird. Link zur Erwweiterung

Ähnliche Beiträge

imageZoom mit TYPOlight verwenden

Jun 02

ManuelCMS, Typolight / Contao , , , , , , , Keine Kommentare

Imagezoom ist ein weiteres MooTools Skript um Bilder mit overlay darzustellen. Dieses Skript ist ähnlich wie die jQuery Version von Highslide. Im folgenden Artikel möchte ich nun erklären wie man imagezoom in TYPOlight (Contao) einbinden kann. Ich werde außerdem noch kurz erläutern wie die Mediabox damit ersetzt wird.
mehr

Ähnliche Beiträge

30 Tage MooTools

Okt 05

ManuelCMS , , , , Keine Kommentare

Ich habe bisher noch absolut keine Erfahrung in Bezug auf JavaScript Frameworks, da ich aktuell an einem Projekt mit TYPOlight arbeite kann es gut sein das ich etwas mit JavaScript zu tun bekomme. Bei TYPOlight ist das MooTools Framework standard, deshalb versuche ich mich bei Gelegenheit ein wenig in dieses einzuarbeiten. Nach kurzem googeln fand ich eine interessante Artikelreihe 30 Days of MooTools.

Sieht recht interessant aus, ich werde mir das ganze mal anschauen.

Ähnliche Beiträge