Bitte beachte, dass sich diese Dokumentation auf die neuste Version dieser Erweiterung bezieht. Wenn eine ältere Version eingesetzt wird, kann diese abweichen. Die jeweils passende Dokumentation befindet sich im Dokumentation-Verzeichnis der Erweiterung.
JavaScript-Events
Generell können die vorhandenen JavaScript Events wie folgt schnell im TypoScript verwendet werden:
plugin.tx_fluidform.settings.forms.callBack {
finisher {
javascript < plugin.tx_fluidform.presets.finisher.javascript
javascript.functions {
# After successfully sent, but before displaying the success message
beforeSuccess (
ga('send', 'event', 'Forms', 'Submit', 'Kontaktformular');
)
}
}
}Folgende Events sind vorhanden:
- onInitialize
- onSend
- beforeSuccess
- afterSuccess
- beforeError
- afterError
Senden-Button bei Klick deaktivieren
Du kannst den Senden-Button mit folgendem TypoScript deaktivieren, um mehrfach Absendungen des Formulars zu verhindern:
plugin.tx_fluidform.settings.forms.callBack {
finisher {
javascript < plugin.tx_fluidform.presets.finisher.javascript
javascript.functions {
onSend (
jQuery('.tx-fluid-form .btn[type="submit"]').prop('disabled', true);
)
beforeSuccess (
jQuery('.tx-fluid-form .btn[type="submit"]').prop('disabled', false);
)
beforeError (
jQuery('.tx-fluid-form .btn[type="submit"]').prop('disabled', false);
)
}
}
} Dokumentation
TYPO3 Fluid-Form
Fluid Form ist eine kleine TYPO3-Erweiterung zum Erstellen von Formularen nur mit TypoScript. Diese Erweiterung wurde für den Versand von TYPO3-Themes mit vorkonfigurierten Formularen entwickelt.