Custom JS und jQuery im Typo3 Backend
Wenn man im Typo3 Backend (nicht in einem Backend Modul) eigenen JavaScript Code mit Hilfe von jQuery nutzen möchte, kann man das mit ein paar einfachen kniffen realisieren:
Zuerst müssen wir einen Hook eintragen:
$GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['typo3/template.php']['preHeaderRenderHook'][] = 'EXT:meinExtension/Classes/Hooks/PreHeaderRenderHook.php:PreHeaderRenderHook->preHeaderRenderHook';
Dies ruft in der Extension die Datei PreHeaderRenderHook.php ab und ruft die Methode preHeaderRenderHook in der Klasse PreHeaderRenderHook auf.
Dieser Methode werden 2 Parameter übergeben: - $hookParameters - Die Referenz auf DocumentTemplate
Also sieht die Klasse nun wie folgt aus:
class PreHeaderRenderHook { function preHeaderRenderHook (&$hookParameters) { if($hookParameters !== NULL) { $hookParameters['pageRenderer']->loadJquery(); $hookParameters['pageRenderer']->addJsFile('.../backend.js','text/javascript'); } } }
Um nun in der eigenen JavaScript Datei auf das jQuery Objekt zugreifen zu können muss man bedenken, dass Typo3 einen "Namespace" vor sein jQuery Script packt. der Aufruf lautet nun also korrekterweise:
TYPO3.jQuery(document).ready(function($){ // Hier findet der Code statt });
getestet auf Typo3 Version 6.1.7