Forum für CMS/made simple

dalton

kennt CMS/ms

Ort: Schweiz

Registriert: 10. Januar 2011

Beiträge: 162

Webseite

[GELÖST] Formbuilder mittels Checkbox & Java Div ein ausblenden?

Hallo

ich habe ein Formular mit dem Formbuilder erstellt.

Jetzt hab ich eine Checkbox erstellt und möchte mittels dieser Checkbox ein Div ein und ausblenden.
In diesem Div sind dann weiter Formbuilder Felder enthalten.

Nur wie setz ich dies am besten mit dem Formbuilder um, da das Feld im Template als Smarty Tag ausgeben wird {$entry->input} und ich so keine möglichkeit habe irgend ein Javascript bei den gewissen Checkboxen einzugeben also z.B. onlick="show('block');".

Hoffe es kann mir jemand weitehelfen.

nockenfell

Moderator

Ort: Gontenschwil, Schweiz

Registriert: 09. November 2010

Beiträge: 2.934

Webseite

Re: [GELÖST] Formbuilder mittels Checkbox & Java Div ein ausblenden?

Bin in jQuery zu wenig Sattelfest um aus dem Stegreif ein Beispiel zu schreiben.

Ich würde das mit jQuery lösen. Du kannst im Formbuilder dem Div um die Checkbox eine Klasse hinzufügen. Darüber kannst du mit jQuery einen Selektor definieren. Bei aktiver Checkbox führst du dann die Funktion zum einblenden des Divs ein.

---

[dieser Beitrag wurde mit 100% recycled bits geschrieben]
Mein Blog  /   Diverse Links rund um CMS Made Simple
Module: btAdminer, ToolBox

dalton

kennt CMS/ms

Ort: Schweiz

Registriert: 10. Januar 2011

Beiträge: 162

Webseite

Re: [GELÖST] Formbuilder mittels Checkbox & Java Div ein ausblenden?

Hab eine lösung gefunden ein onclick in das Feld einzufügen. Und zwar kann man dies bei den optionen des Feldes.

Beste Dank

engel1963

kennt CMS/ms

Registriert: 08. Dezember 2010

Beiträge: 105

Re: [GELÖST] Formbuilder mittels Checkbox & Java Div ein ausblenden?

Könntest Du bitte schreiben, wie das geht. Sitze auch gerade an dem Problem.

dalton

kennt CMS/ms

Ort: Schweiz

Registriert: 10. Januar 2011

Beiträge: 162

Webseite

Re: [GELÖST] Formbuilder mittels Checkbox & Java Div ein ausblenden?

Ehm ja klar :

Im Formular auf dem Tab "Formular-Template" gibst du folgenden Javascript ein:

 Hier klicken, um den Code zum Kopieren zu markieren

{literal}
<script type="text/javascript"> 
 function changeDisplay (id) { 
       if (document.getElementById(id).style.display != "block") { 
         document.getElementById(id).style.display = "block"; 
      } else { 
         document.getElementById(id).style.display = "none"; 
      } 
   } 
       
  </script>
{/literal}

Jetzt hab ich um die bestimmten Felder einzublenden, weil es auch mehrer sein könnten diese in ein Fieldset (Feldeinstellugen Start) eingefügt.

1. Also zuerst kommt die Checkbox um andere Felder ein und auszublenden und bei dieser Checkbox gehst du auf die
"Erweiterte Einstellungen" und gibst im Feld "Javascript für das Feld:" folgendes ein:

 Hier klicken, um den Code zum Kopieren zu markieren

onclick="changeDisplay('fbrp__348');"

"fbrp__348" ist die ID des Fieldset Start wo nachher die Ein/Auszublendenden Felder enthalten sind.

2. Jetzt erstellst du das Feld "Feldeinstellung Start" (Fieldset Start) und gehst dort wieder auf "Erweiterte Einstellungen" und gibst im "Javascript für das Feld:"

 Hier klicken, um den Code zum Kopieren zu markieren

style="display:none;"

ein.

3. Jetzt kannst du direkt unterhalb des Fieldset Starts deine Felder erstellen die du durch Checkbox klick einblenden willst und sobald du die gewünschten Felder erstellt hast kannst du das ganze mit dem Feld "Feldeinstellung Ende" (Fieldset End) Beenden.

Falls ich etwas vergessen habe oder nicht richtig funktioniert hat schreib mir einfach^^

engel1963

kennt CMS/ms

Registriert: 08. Dezember 2010

Beiträge: 105

Re: [GELÖST] Formbuilder mittels Checkbox & Java Div ein ausblenden?

Ich danke Dir vielmals. Hatte mich schon eine weile heute damit beschäftigt. Geht wunderbar.