Accordion - soll offen bleiben + mehrsprachig

[macbee]

Hi,

1) ich habe gerade ein Formular mit Accordions versehen. (DIVs vor/hinter die Formularfelder gestellt) Nun sollte es aber so sein, dass das Ertse (Anreise infos) offen bleibt, sobald er auf das 2te Akkordion klickt (Unterkunftswunsch). Und das auch offen bleibt, wenn er auf das dritte (Persönliche Infos) usw. Wenn man wieder auf die einzelnen Toggler klickt sollen sie normal auch wieder zugehen.

2) Dann haben die Accordions natürlich noch einen text (Persönliche Daten zB.), der aber mehrsprachig eingesetzt werden sollte. Habe das mit insert_tags gemacht, aber kann man das nicht mit einer Sprachdatei handhaben, und wenn wie? Nur so ein Gedanke...

Habe zwar das Forum durchwühlt, aber nix gefunden....

LG

[Webkrebse]

zu 1)

Das Script MultipleOpenAccordion von http://www.clientcide.com/ zusätzlich im Header zu den anderen mooTool-Scripten einbinden. Fertig.

Hier gibt es auch eine Demo dazu.
http://www.postales-apasionadas.com/...rator/007.html

Gruß,
Doro

[macbee]

Super Danke. Die Demo schaut schon mal super aus. Mal schauen, ob das dann auch mit dem Formular so hinhaut, dass bei einer Falscheingabe auch noch das Akkordion offen bleibt...

Danke nochmals!

[tlnewbie]

Ich versuche das mit den mehrfach geöffneten Accordions auch gerade hinzubekommen, aber irgendwie hilft mir der Hinweis auf clientcide nicht wirklich...
außerdem scheint es dort gerade Probleme zu geben: http://dev.clientcide.com/docs/clien...eOpenAccordion
Hat vielleicht noch wer Erfahrungen damit gesammelt / einen konkreteren Tip?
Gruß und danke.

[tlnewbie]

Habe es nun doch hinbekommen - falls es wen interessiert:
habe das hier genommen:
http://www.postales-apasionadas.com/...rator/built.js
und eingebunden.

danach mein moo_accordion_multi Template erstellt:

new MultipleOpenAccordion( {
	elements: $$('div.accordion'),
	togglers: $$('div.toggler'),
	openAll: false,
	firstElementsOpen: [] //[0]
  });

bei mir sollten alle Elemente zunächst geschlossen sein, daher ist die Klammer bei firstElementsOpen: leer - falls das erste geöffnet sein soll, dort die 0 eintragen.
Beste Grüße

[moos]

Hi tlnewbie, kurze Frage: kannst du die Schritte mal näher beschreiben? Wie bindet man das Template mit dem JS-Code denn genau in Contao ein?
LG, Moos

Habe es nun doch hinbekommen - falls es wen interessiert:
habe das hier genommen:
http://www.postales-apasionadas.com/...rator/built.js
und eingebunden.

danach mein moo_accordion_multi Template erstellt:

new MultipleOpenAccordion( {
	elements: $$('div.accordion'),
	togglers: $$('div.toggler'),
	openAll: false,
	firstElementsOpen: [] //[0]
  });

bei mir sollten alle Elemente zunächst geschlossen sein, daher ist die Klammer bei firstElementsOpen: leer - falls das erste geöffnet sein soll, dort die 0 eintragen.
Beste Grüße

[tbaab]

Hallo,
wäre über eine nähere Beschreibung auch wahnsinnig dankbar. Ich verzweifele schon an diesem Accordion. Kriegs einfach nicht hin und weiss nicht wie ich es einbinden soll.

LG Tino


Gesendet von iPhone mit Tapatalk

[dtptiger]

Eigene js einbinden.

1. das js in einen ordner in files speichern
2. den verweis auf den js in die in den "seitenlyouts/experten einstellungen/zusätzliche head tags" einfügen.

oder

den js-code in den "seitenlayouts/skripteinstellungen/eigener javaskriptcode" reinkopieren/schreiben

Gruss dtptiger

[dtptiger]

eigene templates

backendmodule/layout/templates -> neue template, am besten als basistemplate ein moo_ verwenden, dann passt dei basis des names bereits.

Dann den code einfügen, und das template im modul auswählen.

fertig.

Hier ist eine schönere Beschreibung:
http://de.contaowiki.org/Templates_bearbeiten

Gruss dtptiger

[tbaab]

Hallo dtptiger,

vielen Dank für die Hilfe, jetzt hab ichs hinbekommen. Hatte nur auch noch vergessen das original moo_accordion zu deaktivieren.

Viele Grüße,
Tino

[Martin L.]

--