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
7DH_________RDR______
3_W____U______O___1UM
8_W___XRR_____F______
C_3____B______T___F4B
NK1___________U______