Änderungen von Dokument Beispiele JavaScript und CSS


Von Version 42.1
bearbeitet von sas
am 04.04.2022, 11:33
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 16.3
bearbeitet von gru
am 24.08.2021, 11:01
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.sas
1 +XWiki.gru
Inhalt
... ... @@ -12,13 +12,10 @@
12 12  
13 13  == Berechnung ==
14 14  
15 -; [[Formularbespiele für Berechnungselement>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/widget_formula||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar)
15 +; [[Formularbespiele für Berechnungselement>>https://demo7.formcycle.eu/formcycle/form/alias/52/widget_formula/||rel="noopener noreferrer" target="_blank"]]
16 16  : Beispiele für Subtraktion, Summenbildung und String-Verkettung
17 -:
18 -; [[Alter berechnen>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/calculating_age/||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar)
19 -: Demo zur Berechnung des Alters anhand des Geburtstagsdatums.
20 20  
21 -== Datenquellen und Abfragen ==
18 +== Datenquellen und Datenbankabfragen ==
22 22  
23 23  ; [[Autocomplete Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/autocomplete_functions_2||rel="noopener noreferrer" target="_blank"]]
24 24  : Beispiel für die Verwendung von Autocomplete mit CSV oder Datenbank als Quelle.
... ... @@ -27,144 +27,128 @@
27 27  : Wenn die Auswahl erfolgt ist, soll in einer weiteren Auswahlliste die Werte anhand der Eingabe gefiltert werden. Dabei kann nur eine Datenbank als Quelle verwendet werden.
28 28  
29 29  ; [[Vorbelegung von Daten aus einer Datenquelle>>https://demo7.formcycle.eu/formcycle/form/alias/52/prefilling_data]]
30 -: Daten aus einer Datenquelle Feldern im Formular zuweisen.
27 +: Daten aus einer Datenquelle Feldern im Formular zuweisen
31 31  
32 32  ; [[Übertragung von Werten einer Auswahlliste>>https://demo7.formcycle.eu/formcycle/form/alias/52/transfer_select_column||rel="noopener noreferrer" target="_blank"]]
33 -: Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen.
30 +: Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen
34 34  
35 -; [[LDAP-Abfrage über Auswahl-Feld und Autocomplete>>https://demo7.formcycle.eu/formcycle/form/alias/52/ldap_query_selection||rel="noopener noreferrer" target="_blank"]]
36 -: Auswahlfeld mit Werten aus einer LDAP-Abfrage befüllen und mittels Autocomplete LDAP-Daten abfragen.
32 +; [[LDAP-Abfrage über Auswahl-Feld>>https://demo7.formcycle.eu/formcycle/form/alias/52/ldap_query_selection||rel="noopener noreferrer" target="_blank"]]
33 +: Auswahlfeld mit Werten aus einer LDAP-Abfrage befüllen
37 37  
38 38  == Datum und Zeit ==
39 39  
40 -; [[Kalender Funktionen>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/calendar_functions||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar)
41 -: Demo für verfügbare Funktionen zur Konfiguration des Kalender Widgets.
37 +; [[Kalender Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/calendar_functions/||rel=" noopener noreferrer" target="_blank"]]
38 +: Demo für verfügbare Funktionen zur Konfiguration des Kalender Widgets
42 42  
43 -; [[Datum und Zeit initialisieren>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/date_time_initialization||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar)
44 -: Sobald das Formular geöffnet ist, erfolgt die initiale Belegung des Datum und Zeit Wertes.
40 +; [[Datum und Zeit initialisieren>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_initialization/||rel=" noopener noreferrer" target="_blank"]]
41 +: Sobald das Formular geöffnet ist, erfolgt die initiale Belegung des Datum und Zeit Wertes
45 45  
46 -; [[Datumsdifferenz in Tagen>>https://formexchange.formcycle.eu/formcycle/form/alias/104/date_difference_in_days/||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar)
43 +; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference_in_days/||rel=" noopener noreferrer" target="_blank"]]
47 47  : Differenz in Tagen von Datepicker
48 48  
49 -; [[Datumsauswahlbereich einschränken und Validierung>>https://formexchange.formcycle.eu/formcycle/form/alias/104/datepicker_validation/||rel="noopener noreferrer" target="_blank"]] (in Formular-Store verfügbar)
50 -: Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung.
46 +; [[Datumsauswahlbereich einschränken und Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_validation/||rel=" noopener noreferrer" target="_blank"]]
47 +: Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung
51 51  
52 -; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel="noopener noreferrer" target="_blank"]]
49 +; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel=" noopener noreferrer" target="_blank"]]
53 53  : Konfiguration des Kalenders
54 54  
55 -; [[Zeitunterschied berechnen>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference/||rel="noopener noreferrer" target="_blank"]]
52 +; [[Zeitunterschied berechnen>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference/||rel=" noopener noreferrer" target="_blank"]]
56 56  : Differenz und Summe von Uhrzeiten
57 57  
58 -; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel="noopener noreferrer" target="_blank"]]
55 +; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel=" noopener noreferrer" target="_blank"]]
59 59  : Vergleich einer Zeitauswahl
60 60  
61 -== Terminverwaltung ==
62 -
63 -; [[Vorbelegung Terminauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/pre-assign-appointment/||rel="noopener noreferrer" target="_blank"]]
64 -: Demo wie es möglich ist ein Datum in Terminverwaltung vorzubelegen innerhalb des Formulars.
65 -
66 66  == Aussehen ==
67 67  
68 -; [[Änderung der Textposition>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position/||rel="noopener noreferrer" target="_blank"]]
69 -: Demonstration Text anders zu positionieren.
60 +; [[Änderung der Textposition>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position/||rel=" noopener noreferrer" target="_blank"]]
61 +: Demonstration Text anders zu positionieren
70 70  
71 -; [[Ändern des Ladesymbols>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol/||rel="noopener noreferrer" target="_blank"]]
72 -: Individualisieren des Ladesymbols beim Formularaufruf.
63 +; [[Ändern des Ladesymbols>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol/||rel=" noopener noreferrer" target="_blank"]]
64 +: Individualisieren des Ladesymbols beim Formularaufruf
73 73  
74 -; [[Anpassen von wiederholenden Elementen>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements/||rel="noopener noreferrer" target="_blank"]]
75 -: Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente.
66 +; [[Anpassen von wiederholenden Elementen>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements/||rel=" noopener noreferrer" target="_blank"]]
67 +: Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente
76 76  
77 -; [[Nummerierung wiederholbarer Elemente mit CSS>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/numbering_repeatable_elements_css||rel="noopener noreferrer" target="_blank"]]
78 -: Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS.
79 -:
80 -; [[Nummerierung wiederholbarer Elemente mit JavaScript>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/numbering_repeatable_elements_js||rel="noopener noreferrer" target="_blank"]]
81 -: Wiederholende Formularelemente werden fortlaufend nummeriert mittels JavaScript.
69 +; [[Nummerierung wiederholbarer Elemente mit CSS>>https://demo7.formcycle.eu/formcycle/form/alias/52/numbering_repeatable_elements_css/||rel=" noopener noreferrer" target="_blank"]]
70 +: Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS
82 82  
83 -; [[Eigene Schriftart im Formular verwenden>>https://demo7.formcycle.eu/formcycle/form/alias/52/using_own_font/||rel="noopener noreferrer" target="_blank"]]
84 -: Eigene Schriftart über CSS einbinden und anwenden.
85 -
86 86  == Allgemein ==
87 87  
88 -; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel="noopener noreferrer" target="_blank"]]
89 -: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden.
74 +; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel=" noopener noreferrer" target="_blank"]]
75 +: Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric)
90 90  
91 -; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel="noopener noreferrer" target="_blank"]]
92 -: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird.
77 +; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel=" noopener noreferrer" target="_blank"]]
78 +: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden
93 93  
94 -; Sprachauswahl
95 -: Um eine Auswahlmöglichkeit für die Sprache zu ermöglichen, sollte das [[Widget Sprachauswahlelement>>doc:Formcycle.PluginDocumentation.WidgetXLanguageSwitchPlugin||target="_blank"]] verwendet werden.
80 +; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel=" noopener noreferrer" target="_blank"]]
81 +: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird
96 96  
97 -; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel="noopener noreferrer" target="_blank"]]
98 -: Formularinhalte lokal als XML zwischenspeichern und wieder laden.
83 +; [[Sprachauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/language_selection/||rel=" noopener noreferrer" target="_blank"]]
84 +: Demo um die Sprache des Formulars per Klick zu wechseln
99 99  
100 -; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]]
86 +; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel=" noopener noreferrer" target="_blank"]]
87 +: Formularinhalte lokal als XML zwischenspeichern und wieder laden
88 +
89 +; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel=" noopener noreferrer" target="_blank"]]
101 101  : Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen.
91 +{{velocity}}
92 +##; [[Textarea automatisch vergrößern>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel=" noopener noreferrer" target="_blank"]]
93 +##: (OFFEN)
94 +{{/velocity}}
102 102  
103 -; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]
104 -: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann.
96 +; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel=" noopener noreferrer" target="_blank"]]
97 +: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann
105 105  
106 -; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel="noopener noreferrer" target="_blank"]]
107 -: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente.
99 +; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel=" noopener noreferrer" target="_blank"]]
100 +: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente {{velocity}}##(OFFEN){{/velocity}}
101 +{{velocity}}
102 +##; [[Vorbelegung sich wiederholender Formularelemente>>https://demo7.formcycle.eu/formcycle/form/provide/614/||rel=" noopener noreferrer" target="_blank"]]
103 +##: (OFFEN)
104 +{{/velocity}}
108 108  
109 -; [[Seriennummer erzeugen>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number/||rel="noopener noreferrer" target="_blank"]]
110 -: Seriennummern mithilfe des Datenbank-Zählers erzeugen.
111 -
112 -== Formatierung ==
113 -
114 -; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel="noopener noreferrer" target="_blank"]]
115 -: Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric)
116 -
117 -; [[Formatierung unterschiedlicher Eingabetypen>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting/||rel="noopener noreferrer" target="_blank"]]
118 -: Demo für Zeit- und benutzerdefinierte Formatierung anhand der Bibliothek cleave.js
119 -
120 120  == Validierung ==
121 121  
122 -; [[Bedingungen für Mehrfachauswahlwerte>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values/||rel="noopener noreferrer" target="_blank"]]
123 -: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern.
108 +; [[Bedingungen für Mehrfachauswahlwerte>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values/||rel=" noopener noreferrer" target="_blank"]]
109 +: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern
124 124  
125 -; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]]
111 +; [[Beispiel für unterschiedliche Eingabe Formatierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting/||rel=" noopener noreferrer" target="_blank"]]
112 +: Demo für Zeit- und benutzerdefinierte Formatierung
113 +
114 +; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel=" noopener noreferrer" target="_blank"]]
126 126  : Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen.
127 127  
128 -; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel="noopener noreferrer" target="_blank"]]
117 +; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel=" noopener noreferrer" target="_blank"]]
129 129  : Beispiel für clientseitigen IBAN-Validator
130 130  
131 -; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel="noopener noreferrer" target="_blank"]]
132 -: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen.
133 -
134 -; [[Benutzerdefinierte Bedingung>>https://demo7.formcycle.eu/formcycle/form/alias/52/custom_condition/||rel="noopener noreferrer" target="_blank"]]
135 -: Demo-Formular um eigene Bedingungen an Eingabefeldern zu definieren.
120 +; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel=" noopener noreferrer" target="_blank"]]
121 +: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen
136 136  
137 137  == Word (Fill) Beispiel ==
138 138  
139 -; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel="noopener noreferrer" target="_blank"]]
125 +; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel=" noopener noreferrer" target="_blank"]]
140 140  : Demonstriert Beispiele für die Funktion cb()
141 141  
142 -; [[Word (Fill) - Word (Fill) - Zählen, Enthält, Ersetzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cnt-con-rep/||rel="noopener noreferrer" target="_blank"]]
128 +; [[Word (Fill) - Word (Fill) - Zählen, Enthält, Ersetzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cnt-con-rep/||rel=" noopener noreferrer" target="_blank"]]
143 143  : Demonstriert Beispiele für die Funktion cnt(), con(), rep()
144 144  
145 -; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel="noopener noreferrer" target="_blank"]]
131 +; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel=" noopener noreferrer" target="_blank"]]
146 146  : Demonstriert Beispiele für die Funktion image(), b64img() und url()
147 147  
148 -; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel="noopener noreferrer" target="_blank"]]
134 +; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel=" noopener noreferrer" target="_blank"]]
149 149  : Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann
150 150  
151 -; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel="noopener noreferrer" target="_blank"]]
137 +; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel=" noopener noreferrer" target="_blank"]]
152 152  : Demonstriert Beispiele für die Funktion rmp(), rmr(), rmt(), rmtp()
153 153  
154 -; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel="noopener noreferrer" target="_blank"]]
140 +; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel=" noopener noreferrer" target="_blank"]]
155 155  : Beispiele für die Verwendung wiederholender Elemente in einem Word-Dokument.
156 156  
157 -; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel="noopener noreferrer" target="_blank"]]
143 +; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel=" noopener noreferrer" target="_blank"]]
158 158  : Demonstriert Beispiele für die Funktion lsttxt(), lsttitle(), lst()
159 159  
160 -; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel="noopener noreferrer" target="_blank"]]
146 +; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel=" noopener noreferrer" target="_blank"]]
161 161  : Wandelt einen Upload in Bild um
162 162  
163 -== Workflow ==
164 -
165 -; [[Temporäre Zwischenspeichern von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]
166 -: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann.
167 -
168 168  == Weitere Demos ==
169 169  
170 170  {{subpages depth="2" title="Demo-Beispiele"/}}