Zum Inhalt springen

Javascript aus Erweiterungen entfernen und manuell einbinden

Bitte beachten:

Dieses Codebeispiel bezieht sich auf alte TYPO3 4.x Versionen und kann in aktuellen TYPO3-Versionen nicht mehr verwendet werden.

Standardmäßig werden in TYPO3 verschiedene Javascript Bibliotheken geladen. Hinzukommen bei einigen Erweiterungen weitere Bibliotheken. Es kann dabei auch vorkommen, dass Javascript Bibliotheken doppelt geladen werden. Zwei verschiedene Extensions laden die gleiche Bibliothek mehrmals. Dadurch entstehen Konflikte und erfordern eine manuelle Anpassung. Unnötige oder mehrfach geladene Javascripts können manuell entfernt werden und nur noch die für sinnvoll erachteten eingebunden werden.

Um alle Javascripts von TYPO3 und allen Extensions zu entfernen muss dieses Typoscript im Root-Template der Seite eingebunden werden (Achtung es werden alle JS nicht nur die Bibliotheken entfernt):

# löscht alle im "head" inkludierten Javascripts
page.includeJS >
# löscht alle im "head" inkludierten Javascript Bibliotheken
page.includeJSlibs >
# löscht alle vor dem schließenden "body" inkludierten Javascripts
page.includeJSFooter >
# löscht alle vor dem schließenden "body" inkludierten Javascript Bibliotheken
page.includeJSFooterlibs >
# löscht alle inline inkludierten Javascripts
page.jsInline >
# löscht alle inline, vor dem schließenden "body" inkludierten Javascripts
page.jsFooterInline >

Bei den Werten "page.jsInline" und "page.jsFooterInline" muss beachtet werden, das hier in den meisten Fällen die Funktionen (Feld Validierung, optische Effekte, usw.) und nicht die Bibliotheken definiert werden!

Javascript Bibliotheken manuell einbinden (die mit dem TYPO3 Core mitgeliefert werden):

page.javascriptLibs {
   # prototype
   Prototype = 1
   # Scriptaculous
   Scriptaculous = 1
   #  Scriptaculous Module hinzufügen
   Scriptaculous.modules = dragdrop,controls
   # ExtCore
   ExtCore = 1
   # die ExtCore Debug-Datei (unkomprimiert)
   ExtCore.debug = 1
   # ExtJS
   ExtJs = 1
   # ext-all.css
   ExtJs.css = 1
   # standard theme
   ExtJs.theme = 1
   # läd angegebenen Adapter (jquery|prototype|yui)
   ExtJs.adapter = …
   # QuickTips
   ExtJs.quickTips = 1
   # die ExtJS Debug-Datei (unkomprimiert)
   ExtJs.debug = 1
}

Anschließend können dann eigene Javascript's eingebunden werden, z.B.:

page.includeJSFooter.file1 = fileadmin/myjs.js 

oder das einer Extension:

page.includeJS.file2 = typo3conf/ext/EXTENSIONKEY/resources/js/extension.js

oder ohne Datei:

page.jsInline.10 = TEXT
page.jsInline.10.dataWrap = var pid = {TSFE:id}; alert('pid: '+pid);
Aktualisiert: 04.05.2023