Typo3 - JavaScript einbinden

Aus Wikizone
Wechseln zu: Navigation, Suche

Um Skripte (nicht nur JS) Einzubinden gibt es verschiedene Methoden.


JavaScript über TypoScript einbinden[Bearbeiten]

Entweder über das page.header Objekt

page.headerData.99 = TEXT
page.headerData.99.value = <SCRIPT ...

oder

page.includeJS.myExtension = [PfadZumScript]

Nachteil: der Namespace ist nicht hundertprozentig sicher. Man weiß nicht ob bei der aktuellen Installation das PAGE Objekt wirklich den Namen page hat, oder ob .99 vielleicht schon belegt ist.

Vorteil: Sehr transparent. Man kann schon im Objekt Browser sehen was an welcher Stelle eingebunden ist.

JavaScript in Extensions[Bearbeiten]

entweder über das Standard TS Setup und dann wie oben. Oder über folgende Typo3 Funktionen:

$GLOBALS['TSFE']->setJS($this->extKey,'alert("das ist js");');

oder

$GLOBALS['TSFE']->additionalHeaderData[$this->prefixId] .= "irgendwelche head-einträge";  

Vorteil: sehr sicher.

Nachteil: Kann man nicht mehr über TS beeinflussen. Nicht transparent.

Eine Mischform ist natürlich auch möglich. Zum Beispiel Skript-Dateien über TS einbinden, Funktionsaufrufe über die Funktion des TSFE Objekts.