Änderungen von Dokument JavaScript-Bereich


Von Version 4.1
bearbeitet von gru
am 29.06.2021, 14:19
Änderungskommentar: Renamed back-links.
Auf Version 5.1
bearbeitet von gru
am 29.06.2021, 14:19
Änderungskommentar: Renamed back-links.

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -74,7 +74,7 @@
74 74  ; Elemente per Name selektieren
75 75  : Zum Auswählen eines Formularfeld wird sein Name genutzt. Also der Name, der im {{designer case="dat"/}} einem Formularelement unter [[Grundeigenschaften>>doc:Formcycle.FormDesigner.ElementProperties.BaseProperties]] gegeben wird. Dieser Name wird auch im HTML dem Element als Wert des Attributs //name// mitgegeben. Um also ein Textfeld mit dem Namen //tfMail// zu selektieren, wird mittels jQuery selektiert: {{code language="javascript"}}$("[name='tfName']"){{/code}}.
76 76  ; Elemente mit nuzterdefinierten Attributen selektieren
77 -: Unter [[Attribute>>doc:Formcycle.FormDesigner.ElementProperties.Attributes]] lassen sich im {{designer case="dat"/}} einem Element nutzerspezifische HTML-Attribute vergeben. Auf diese wird mittels Attributselektoren zugegriffen: {{code language="javascript"}}$("[data-attribute='value']"){{/code}}. Da diese Selektoren allerdings langsam sein können, sollten diese sparsam eingesetzt werden.
77 +: Unter [[Attribute>>doc:Formcycle.Designer.Form.ElementProperties.Attributes]] lassen sich im {{designer case="dat"/}} einem Element nutzerspezifische HTML-Attribute vergeben. Auf diese wird mittels Attributselektoren zugegriffen: {{code language="javascript"}}$("[data-attribute='value']"){{/code}}. Da diese Selektoren allerdings langsam sein können, sollten diese sparsam eingesetzt werden.
78 78  ; Container-Element selektieren
79 79  : Einige Formularelemente bestehen aus dem eigentlichen HTML-Element und einem HTML-Element für das Label. Um das Container-Element zu selektieren, kann das Attribut //xn// verwendet werden. {{code language="javascript"}}$("[xn='tf1']"){{/code}}.
80 80  ; Formularfeldtypen selektieren