Globale Javascript- und CSS-Variable im Template auslesen/anpassen (Contao 3)

von Oliver Richter (Kommentare: 0)

Im Laufe meiner Arbeit ist es hin und wieder nötig, etwas Javascript- oder CSS-Code nach Anpassung eines Templates in die globale Contao-Javascript- oder -CSS-Variable zu hinein zu laden oder diese ggf. vorher auszulesen.

Es soll hier also darum gehen, wie man im Frontend-Template auf die globlale Javascript- und die globale CSS-Variable der jeweilgien Seite zugreifen und sie auslesen oder ändern kann (bei Contao 3.2.X).
 

Auslesen / Ausgabe der Daten

Mit den folgenden Anweisungen können Sie den Inhalt der Variablen (ein Array) ausgeben (zuerst die eingebundenen Javascripte und danach die eingebunden CSS-Daten). Schreiben Sie diesen Code innerhalb der jeweiligen Template-Datei (.XHTML- oder .HTML-Datei).

<?php

// Ausgabe der JS-Daten
print_r(  $GLOBALS['TL_JAVASCRIPT']  );

// Ausgabe der CSS-Daten
print_r(  $GLOBALS['TL_CSS']  );

?>

Anpassen/ Weitere Daten einbinden

Um weitere Daten (Links zu Javascript- oder CSS-Dateien) einzufügen in die Variablen, können Sie die folgende Schreibweise nutzen.
Schreiben Sie auch diesen Code innerhalb der jeweiligen Template-Datei (.XHTML- oder .HTML-Datei).

<?php

// Weiteren JS-Dateipfad hinzufügen
$GLOBALS['TL_JAVASCRIPT'][] = 'files/meinordner/dateiname.js|static';

// Weiteren CSS-Dateipfad hinzufügen
$GLOBALS['TL_CSS'][] = 'files/meinordner/dateiname.css';

?>

Zurück

Einen Kommentar schreiben

Bitte rechnen Sie 9 plus 2.

Bachten Sie: Für die Zuordnung Ihrer Nachricht werden die hier anzugebenden Daten Name, E-Mailadresse, Ihr Kommentar gespeichert. Sofern Sie den Wunsch der E-Mail-Benachrichtigung angegeben haben, wird aufgrund technischer Notwendigkeit auch dieser Wert gespeichert. Durch Absenden des Formulars erklären Sie sich damit einverstanden. Alternativ kontaktieren Sie mich bitte über meine E-Mailadresse oder Telefon.
Detaillierte und weitere Hinweise, insb. zum Widerrufsrecht finden Sie in der Datenschutzerklärung.

Sie befinden Sich in der Detailansicht eines Blog-Eintrags.

Um alle Blog-Einträge zu sehen, wechseln Sie bitte zur Nachrichten-Übersicht.