Änderungen von Dokument Beispiele JavaScript und CSS


Von Version 51.1
bearbeitet von sas
am 27.09.2022, 19:02
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 25.1
bearbeitet von sas
am 07.01.2022, 15:31
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Beispiele JavaScript und CSS
1 +Beispiele (Demoformulare)
Inhalt
... ... @@ -12,7 +12,7 @@
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 17  
18 18  == Datenquellen und Abfragen ==
... ... @@ -23,35 +23,32 @@
23 23  ; [[Filterung einer Auswahl anhand eines Wertes>>https://demo7.formcycle.eu/formcycle/form/alias/52/filter_selection||rel="noopener noreferrer" target="_blank"]]
24 24  : 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.
25 25  
26 -; [[Vorbelegung von Daten aus einer Datenquelle>>https://demo7.formcycle.eu/formcycle/form/alias/52/prefilling_data||rel="noopener noreferrer" target="_blank"]]
26 +; [[Vorbelegung von Daten aus einer Datenquelle>>https://demo7.formcycle.eu/formcycle/form/alias/52/prefilling_data]]
27 27  : Daten aus einer Datenquelle Feldern im Formular zuweisen.
28 28  
29 -; [[Übertragung von Werten einer Auswahlliste>>https://formexchange.formcycle.eu/formcycle/form/alias/104/transfer_select_column/||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar)
29 +; [[Übertragung von Werten einer Auswahlliste>>https://demo7.formcycle.eu/formcycle/form/alias/52/transfer_select_column||rel="noopener noreferrer" target="_blank"]]
30 30  : Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen.
31 31  
32 -; [[LDAP-Abfrage über Auswahl-Feld und Autocomplete>>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 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.
34 34  
35 35  == Datum und Zeit ==
36 36  
37 -; [[Kalender Funktionen>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/calendar_functions||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar)
37 +; [[Kalender Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/calendar_functions/||rel="noopener noreferrer" target="_blank"]]
38 38  : Demo für verfügbare Funktionen zur Konfiguration des Kalender Widgets.
39 39  
40 -; [[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)
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://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/||rel="noopener noreferrer" target="_blank"]]
44 44  : Differenz in Tagen von Datepicker
45 45  
46 -; [[Datumsauswahlbereich einschränken und Validierung>>https://formexchange.formcycle.eu/formcycle/form/alias/104/datepicker_validation/||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar)
46 +; [[Datumsauswahlbereich einschränken und Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_validation/||rel="noopener noreferrer" target="_blank"]]
47 47  : Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung.
48 48  
49 -; [[Formatierung Geburtstagsfeld>>https://formexchange.formcycle.eu/formcycle/form/alias/104/formatting_birthday_field/||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar)
49 +; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel="noopener noreferrer" target="_blank"]]
50 50  : Konfiguration des Kalenders
51 51  
52 -; [[Alter berechnen>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/calculating_age/||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar)
53 -: Demo zur Berechnung des Alters anhand des Geburtstagsdatums.
54 -
55 55  ; [[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,11 +58,6 @@
58 58  ; [[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 68  ; [[Änderung der Textposition>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position/||rel="noopener noreferrer" target="_blank"]]
... ... @@ -74,11 +74,8 @@
74 74  ; [[Anpassen von wiederholenden Elementen>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements/||rel="noopener noreferrer" target="_blank"]]
75 75  : 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"]]
69 +; [[Nummerierung wiederholbarer Elemente mit CSS>>https://demo7.formcycle.eu/formcycle/form/alias/52/numbering_repeatable_elements_css/||rel="noopener noreferrer" target="_blank"]]
78 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.
82 82  
83 83  ; [[Eigene Schriftart im Formular verwenden>>https://demo7.formcycle.eu/formcycle/form/alias/52/using_own_font/||rel="noopener noreferrer" target="_blank"]]
84 84  : Eigene Schriftart über CSS einbinden und anwenden.
... ... @@ -85,14 +85,14 @@
85 85  
86 86  == Allgemein ==
87 87  
88 -; [[Übertragung von Eingaben in andere Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel="noopener noreferrer" target="_blank"]]
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"]]
89 89  : Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden.
90 90  
91 91  ; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel="noopener noreferrer" target="_blank"]]
92 92  : Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird.
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.
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.
96 96  
97 97  ; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel="noopener noreferrer" target="_blank"]]
98 98  : Formularinhalte lokal als XML zwischenspeichern und wieder laden.
... ... @@ -103,6 +103,9 @@
103 103  ; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]
104 104  : Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann.
105 105  
95 +; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel="noopener noreferrer" target="_blank"]]
96 +: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente.
97 +
106 106  ; [[Seriennummer erzeugen>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number/||rel="noopener noreferrer" target="_blank"]]
107 107  : Seriennummern mithilfe des Datenbank-Zählers erzeugen.
108 108  
... ... @@ -127,9 +127,6 @@
127 127  
128 128  ; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel="noopener noreferrer" target="_blank"]]
129 129  : Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen.
130 -
131 -; [[Benutzerdefinierte Bedingung>>https://demo7.formcycle.eu/formcycle/form/alias/52/custom_condition/||rel="noopener noreferrer" target="_blank"]]
132 -: Demo-Formular um eigene Bedingungen an Eingabefeldern zu definieren.
133 133  
134 134  == Word (Fill) Beispiel ==
135 135  
... ... @@ -142,7 +142,7 @@
142 142  ; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel="noopener noreferrer" target="_blank"]]
143 143  : Demonstriert Beispiele für die Funktion image(), b64img() und url()
144 144  
145 -; [[Word (Fill) - Merge Field>>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"]]
146 146  : Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann
147 147  
148 148  ; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel="noopener noreferrer" target="_blank"]]
... ... @@ -162,6 +162,7 @@
162 162  ; [[Temporäre Zwischenspeichern von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]
163 163  : Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann.
164 164  
154 +
165 165  == Weitere Demos ==
166 166  
167 167  {{subpages depth="2" title="Demo-Beispiele"/}}