Änderungen von Dokument Beispiele JavaScript und CSS


Von Version 16.2
bearbeitet von gru
am 24.08.2021, 11:00
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 14.2
bearbeitet von tki
am 23.08.2021, 12:39
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.gru
1 +XWiki.tki
Inhalt
... ... @@ -1,4 +1,4 @@
1 -Auf dieser Seite und den Unterseiten werden diverse Beispiele und Formular zu vielen verschiedenen Themen angeboten.
1 +Auf dieser Seite und den Unterseiten werden diverse Beispiele und Formular zu vielen verschiednenen Themen angeboten.
2 2  
3 3  Alle Beispiele können auch direkt auf der Demo-Plattform eingesehen werden.
4 4  
... ... @@ -40,112 +40,45 @@
40 40  ; [[Datum und Zeit initialisieren>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_initialization/||rel=" noopener noreferrer" target="_blank"]]
41 41  : Sobald das Formular geöffnet ist, erfolgt die initiale Belegung des Datum und Zeit Wertes
42 42  
43 -; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference_in_days/||rel=" noopener noreferrer" target="_blank"]]
44 -: Differenz in Tagen von Datepicker
43 +== Verfügbaren Formulare ==
45 45  
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
45 +{{table dataTypeAlpha="0-1"}}
46 +|=Kategorie|=Beispielinhalt|=Link zum Formular
47 +|Datum und Zeit|Datum und Zeit initialisieren|[[https://demo7.formcycle.eu/formcycle/form/provide/157/||target="_blank"]]
48 +|Datum und Zeit|Datumsdifferenz in Tagen|[[https://demo7.formcycle.eu/formcycle/form/provide/156/||target="_blank"]]
49 +|Datum und Zeit|Datumsauswahlbereich einschränken und Validierung|[[https://demo7.formcycle.eu/formcycle/form/provide/61/||target="_blank"]]
50 +|Datum und Zeit|Formatierung Geburtstagsfeld|[[https://demo7.formcycle.eu/formcycle/form/provide/655/||target="_blank"]]
51 +|Datum und Zeit|Zeitunterschied berechnen|[[https://demo7.formcycle.eu/formcycle/form/provide/609/||target="_blank"]]
52 +|Datum und Zeit|Zeitvalidierung|[[https://demo7.formcycle.eu/formcycle/form/provide/171/||target="_blank"]]
53 +|Aussehen|Änderung der Textposition|[[https://demo7.formcycle.eu/formcycle/form/provide/424/||target="_blank"]]
54 +|Aussehen|Ändern des Ladesymbols|[[https://demo7.formcycle.eu/formcycle/form/provide/418/||target="_blank"]]
55 +|Aussehen|Anpassen von wiederholenden Elementen|[[https://demo7.formcycle.eu/formcycle/form/provide/404/||target="_blank"]]
56 +|Aussehen|Nummerierung wiederholbarer Elemente mit CSS|[[https://demo7.formcycle.eu/formcycle/form/provide/419/||target="_blank"]]
57 +|Allgemein|Formatierung von Zahlen (Autonumeric Konfiguration)|[[https://demo7.formcycle.eu/formcycle/form/provide/335/||target="_blank"]]
58 +|Allgemein|Übertragung von Eingaben auf die nächste Seite|[[https://demo7.formcycle.eu/formcycle/form/provide/417/||target="_blank"]]
59 +|Allgemein|Löschen von Formulardaten|[[https://demo7.formcycle.eu/formcycle/form/provide/454/1/||target="_blank"]]
60 +|Allgemein|Sprachauswahl|[[https://demo7.formcycle.eu/formcycle/form/provide/552/||target="_blank"]]
61 +|Allgemein|Lokaler Import und Export von Formdaten|[[https://demo7.formcycle.eu/formcycle/form/provide/430/||target="_blank"]]
62 +|Allgemein|Werte vor dem Senden setzen|[[https://demo7.formcycle.eu/formcycle/form/provide/452/||target="_blank"]]
63 +|Allgemein|Textarea automatisch vergrößern|[[https://demo7.formcycle.eu/formcycle/form/provide/407/||target="_blank"]]
64 +|Allgemein|Zwischenspeichern von Formularen|[[https://demo7.formcycle.eu/formcycle/form/provide/612/||target="_blank"]]
65 +|Allgemein|Dynamische Vorbelegung|[[https://demo7.formcycle.eu/formcycle/form/provide/613/||target="_blank"]]
66 +|Allgemein|Vorbelegung sich wiederholender Formularelemente|[[https://demo7.formcycle.eu/formcycle/form/provide/614/||target="_blank"]]
67 +|Validierung|Bedingungen für Mehrfachauswahlwerte|[[https://demo7.formcycle.eu/formcycle/form/provide/554/||target="_blank"]]
68 +|Validierung|Beispiel für unterschiedliche Eingabe Formatierung|[[https://demo7.formcycle.eu/formcycle/form/provide/337/||target="_blank"]]
69 +|Validierung|Beispiele für Validationsregeln|[[https://demo7.formcycle.eu/formcycle/form/provide/169/||target="_blank"]]
70 +|Validierung|IBAN Validierung|[[https://demo7.formcycle.eu/formcycle/form/provide/341/||target="_blank"]]
71 +|Validierung|Mussfeld in Abhängigkeit eines Status|[[https://demo7.formcycle.eu/formcycle/form/provide/555/||target="_blank"]]
72 +|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo7.formcycle.eu/formcycle/form/provide/556/||target="_blank"]]
73 +|Word (Fill) Beispiel|Word (Fill) - Zählen, Enthält, Ersetzen|[[https://demo7.formcycle.eu/formcycle/form/provide/559/||target="_blank"]]
74 +|Word (Fill) Beispiel|Word (Fill) - Bilder und URL|[[https://demo7.formcycle.eu/formcycle/form/provide/560/||target="_blank"]]
75 +|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo7.formcycle.eu/formcycle/form/provide/562/||target="_blank"]]
76 +|Word (Fill) Beispiel|Word (Fill) - Funktionen zum Entfernen|[[https://demo7.formcycle.eu/formcycle/form/provide/561/||target="_blank"]]
77 +|Word (Fill) Beispiel|Word (Fill) - Wiederholende Elemente|[[https://demo7.formcycle.eu/formcycle/form/provide/557/||target="_blank"]]
78 +|Word (Fill) Beispiel|Word (Fill) - Auswahl-Funktionen|[[https://demo7.formcycle.eu/formcycle/form/provide/558/||target="_blank"]]
79 +|Word (Fill) Beispiel|Word (Fill) - Bild aus Uploadfeld übertragen|[[https://demo7.formcycle.eu/formcycle/form/provide/654/||target="_blank"]]
80 +{{/table}}
48 48  
49 -; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel=" noopener noreferrer" target="_blank"]]
50 -: Konfiguration des Kalenders
51 -
52 -; [[Zeitunterschied berechnen>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference/||rel=" noopener noreferrer" target="_blank"]]
53 -: Differenz und Summe von Uhrzeiten
54 -
55 -; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel=" noopener noreferrer" target="_blank"]]
56 -: Vergleich einer Zeitauswahl
57 -
58 -== Aussehen ==
59 -
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
62 -
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
65 -
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
68 -
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
71 -
72 -== Allgemein ==
73 -
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)
76 -
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
79 -
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
82 -
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
85 -
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"]]
90 -: 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}}
95 -
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
98 -
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 (OFFEN)
101 -{{velocity}}
102 -##; [[Vorbelegung sich wiederholender Formularelemente>>https://demo7.formcycle.eu/formcycle/form/provide/614/||rel=" noopener noreferrer" target="_blank"]]
103 -##: (OFFEN)
104 -{{/velocity}}
105 -
106 -== Validierung ==
107 -
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
110 -
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"]]
115 -: Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen.
116 -
117 -; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel=" noopener noreferrer" target="_blank"]]
118 -: Beispiel für clientseitigen IBAN-Validator
119 -
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
122 -
123 -== Word (Fill) Beispiel ==
124 -
125 -; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel=" noopener noreferrer" target="_blank"]]
126 -: Demonstriert Beispiele für die Funktion cb()
127 -
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"]]
129 -: Demonstriert Beispiele für die Funktion cnt(), con(), rep()
130 -
131 -; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel=" noopener noreferrer" target="_blank"]]
132 -: Demonstriert Beispiele für die Funktion image(), b64img() und url()
133 -
134 -; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel=" noopener noreferrer" target="_blank"]]
135 -: Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann
136 -
137 -; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel=" noopener noreferrer" target="_blank"]]
138 -: Demonstriert Beispiele für die Funktion rmp(), rmr(), rmt(), rmtp()
139 -
140 -; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel=" noopener noreferrer" target="_blank"]]
141 -: Beispiele für die Verwendung wiederholender Elemente in einem Word-Dokument.
142 -
143 -; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel=" noopener noreferrer" target="_blank"]]
144 -: Demonstriert Beispiele für die Funktion lsttxt(), lsttitle(), lst()
145 -
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"]]
147 -: Wandelt einen Upload in Bild um
148 -
149 149  == Weitere Demos ==
150 150  
151 151  {{subpages depth="2" title="Demo-Beispiele"/}}