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
4NU_________PM9______
X_3____Y____S_____IWA
A6I___FCN___CRM______
9_4____4____U_O___WJ3
4I6_________E28______