Typo3 - JavaScript einbinden: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
(kein Unterschied)

Version vom 6. Juli 2009, 11:41 Uhr

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


JavaScript über TypoScript einbinden

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

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.