Eigenes CSS und JS in der eigenen TYPO3 Erweiterung
Jan 13
Meldungen CSS, Extension, JavaScript, JS, Typo3 Keine Kommentare
Momentan schlage ich mich gerade mit einer Erweiterung für TYPO3 herum. Diese benötigt JavaScript und CSS Dateien welche eingebunden werden müssen. Mein Weg zum einbinden ist ein Aufruf mit folgenden 2 TYPO3 Funktionen:
CSS:
-
$GLOBALS [‘TSFE’]->additionalHeaderData [$this->extKey . ‘_css_1′] = ‘<link href="’ . t3lib_extMgm::siteRelPath ( $this->extKey ) . ‘pi1/static/css/datepicker_vista.css" rel="stylesheet" type="text/css" />’;
JS:
Fürs den JavaScript Code (welchen ich direkt im HTML Dokument einsetze) verwende ich:
-
$GLOBALS[‘TSFE’]->setJS($this->extKey,"
-
window.addEvent(‘load’, function() {
-
new DatePicker(‘.demo_vista’, {
-
pickerClass: ‘datepicker_vista’
-
});
-
});
-
");
Da ich zusätzlich noch MooTools verwende und als Erweiterung t3mootools einsetze kann ich diese im Template folgendermaßen einbinden:
-
includeLibs.t3mootools = EXT:t3mootools/class.tx_t3mootools.php
-
page.5 = USER
-
page.5.userFunc = tx_t3mootools->addJS
-
page.5.jsfile = EXT:vevent/pi1/static/js/datepicker.js
Weitere Möglichkeiten werden bei Typo3-Snippets aufgezählt.
RSS
Twitter