Loading...
Skip navigation
Please note that this documentation is for the most recent version of this extension. It may not be relevant for older versions. Related documentation can be found in the documentation directory of the extension.

JavaScript-Events

Basically all events can be used quickly by TypoScript:

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');
            )
        }
    }
}

The following events are available:

  • onInitialize
  • onSend
  • beforeSuccess
  • afterSuccess
  • beforeError
  • afterError

Disable send button on click

In order to disable the submit button on send to prevent multiple sends, use the following TypoScript:

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);
          )
        }
    }
}

Contact request

You can contact us at any time

Stop! Playing in the meantime?
Stop! Playing in the meantime?
Stop! Playing in the meantime?

Stop! Playing in the meantime?

Break the highscore

Press Start
Contact request
Screenreader label
Security question
XDR_________QQ2______
1_C____R____2_A___KRM
A_4___FMC___IUE______
5_Q____I____F_X___TBO
WN1_________IW2______