Attention

TYPO3 v10 has reached end-of-life as of April 30th 2023 and is no longer being maintained. Use the version switcher on the top left of this page to select documentation for a supported version of TYPO3.

Need more time before upgrading? You can purchase Extended Long Term Support (ELTS) for TYPO3 v10 here: TYPO3 ELTS.

JavaScript in TYPO3 Backend

Some third-party JavaScript libraries are packaged with the TYPO3 source code. The TYPO3 backend itself relies on quite a lot of JavaScript to do its job. The topic of this chapter is to present how to use JavaScript properly with TYPO3, in particular in the backend. It presents the most important APIs in that regard.

Contents:

• RequireJS in the TYPO3 Backend
  • Credits
  • Overview
    • Use RequireJS in Your Own Extension
    • Dependency Handling
    • Loading Your Own or Other RequireJS Modules
    • Shim Library to Use it as Own RequireJS Modules
• Various JavaScript Modules
  • Modals
    • API
      • Modal Settings
      • Button Settings
      • Data Attributes
    • Examples
  • Multi-Step Wizard
  • DocumentService (jQuery.ready substitute)
• Event Api
  • Event Binding
    • Direct Binding
    • Event Delegation
    • Release an event
  • Event Strategies
    • RegularEvent
    • DebounceEvent
    • ThrottleEvent
    • RequestAnimationFrameEvent
• Navigation via JavaScript
  • Navigate to URL
  • Navigate to URL with Data
  • Show Info Popup
• JavaScript Form Helpers
  • Empty Checkbox Handling
  • Submitting a Form on Change