3.4. PX Javascript-Generator für dyn. Ein- / Aus-blenden

EVENTS (EREIGNISSE)

Zunächst vergibt man einen Internen Namen der (wie auf dem vorletzten Bild zu sehen) NUR im Backend  angezeigt wird und einen Hinweis gibt, wo ein versteckter Code hinterlegt ist.

Im Formularfeld wählt man das Fomularfeld, an den die Prüfung der Bedingung(en) gekoppelt werden und darunter bei welchem Event/Ereignis  die Prüfung getriffert werden soll.

Der Typ ist nötig, um einfacher den Javascript-Code zu generieren.

 

BEDINGUNGEN

Auch hier gibt man zunächst einen selbstredenden namen für die Bedingung als Label .

Der connector sagt, wie die Bedingungen verknüpft werden soll. Dies ist in der Regel AND. Es ist aber auch möglich mit Prefix udn Postfix  verschachtelte Bedingungen zu erstellen, woduch Klammern als Pre- oder Post-fixes zu Einsatz kommen.

Unter Modus kann ich
a) auf ein Formularfeld verweisen und dieses in einem Dropdown-Feld auswählen
b) das aktualle Datum.

Auf die Zeit kann noch ein Stundenwert aufaddiert werden, je nachdem wo der server steht. Hier ist es meist 2h.

 

AKTIONEN

Hier können eine Liste von Aktionenn definiert werden, wenn die Bedingung zutrifft oder aber auch nicht zutrifft.

Wie in Screenshot 4 abgebildet gibt es verschiedenen Aktionsmöglichkeiten:

  • man kann Objekte (Bilder, Texte, Elementor-Objekte9 mittels ID oder Klasse anzeigen oder verstecken
  • Formularfelder einblenden, ausblenden/verstecken, auf readonly (unveränderbar)  machen oder deaktivieren (disablen)
  • Pflicfeldmarkierungen (roter stern) setzen.
  • Popup/Dialog-Ebene einblenden (Bild5)
  • Auswahloption deaktivieren (mit farbigem Hinweistext) –>siehe Abbildung 6
  • speziellen Javascript-Code aktivieren

Jegliche aktion kann einfach (temporär) mit dem Schieberegler aktiviert oder deaktiviert werden.

javascriptgenerator_control_events
javascriptgenerator_control_bedingungen
javascriptgenerator_control_aktionen
javascriptgenerator_control_aktionen_liste
javascriptgenerator_control_aktion_popup
javascriptgenerator_control_aktion_option_disable
javascriptgenerator_control_aktion_javascript
javascriptgenerator_disable02
javascriptgenerator_disable01