Typo3 - JavaScript einbinden: Unterschied zwischen den Versionen
Aus Wikizone
| Zeile 10: | Zeile 10: | ||
oder | oder | ||
| − | page.includeJS.myExtension = [PfadZumScript] | + | 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. | '''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. | ||
Aktuelle Version vom 6. Juli 2009, 11:42 Uhr
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.
