Loading...
Navigation überspringen
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);
          )
        }
    }
}

Kontaktanfrage

Du kannst uns jederzeit kontaktieren

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
E4I_________R________
C______W____M_G___EQA
9L2___CH5___1UK______
__D____9______G___DFW
KT9___________R______