Probleme mit einem Formular im Akkordeon

**erdmania** · 25.03.2010, 09:36

Hallo TYPOlight-Community,
ich beschäftige mich nun schon eine ganze Weile mit der Problematik eines Formulars in einem Accordion. Im Forum habe ich dazu bisher nichts finden können.

Folgendes Szenario:
Am Ende einer Seite habe ich ein Akkordion, in dem ein Formular liegt. Das Akkordeon ist erst geschlossen, das Formular wird also erst nach dem Klicken sichtbar.

Wenn der Benutzer jetzt das Formular nicht korrekt ausfüllt, wird ja das Formular nicht abgeschickt und der Fehler im Formular hervorgehoben. Das Problem ist, dass das Accordion dann aber wieder geschlossen ist und der Benutzer den Fehler nicht sieht, also denkt, das Absenden hat funktioniert.

Wie schaffe ich, dass das Akkordeon nach dem Sendeversuch geöffnet bleibt? Hat jemand vielleicht ein ähnliches Problem gehabt und weiß Rat?

Beste Grüße,
Dennis

**Anke** · 29.03.2010, 13:47

Da kann ich leider nicht helfen, aber in diesem Zusammenhang würde mich auch noch etwas anderes interessieren:

Wenn ein Link aufgerufen wird mit einem Anker, der innerhalb eines Akkordeons sitzt, bleibt dieses Akkordeon ebenfalls geschlossen. Ist es durch Übergabe einer display:true-Anweisung im Link möglich, gezielt das verankerte Akkordeon zu öffnen? Falls ja, würde mir jemand helfen? Meine JS-Kenntnisse reichen da leider nicht aus ...

VG
Anke

**Wichteldesign** · 31.03.2010, 13:43

Hab gerade das gleiche Problem und absolut keine Idee wie ich es beheben könnte. Freue mich über jeden Denkansatz.

Wichtel

**Oden** · 11.04.2010, 06:38

Erstellt ein Hidden-Feld im Formular. Bei Feldname id eintragen und bei Standardwert eure Togglernummer (Hier im Bsp. bei mir die 3, also der 4. Toggler). Danach in die moo_accordion.tpl (vorzugsweise aus euren eigenen templates-Ordner) und vor der Zeile window.addEvent folgendes eintragen:

HTML-Code:

var hiddenID = "<?php echo $_POST['id']; ?>";
if (hiddenID == 3) {
	var newDisplay = 3;
} else {
	var newDisplay = 0;
}

Dann noch die Zeile

HTML-Code:

display: true

mit

HTML-Code:

display: newDisplay

austauschen oder eben ändern.

Zu beachten ist noch, daß hier im Bsp. das Formular per POST gesendet wird. Sicherlich geht das auch mit GET, entsprechend dann $_GET nehmen.

PS: Heißt das überhaupt Toggler?

Tante Edit meint noch:
Vorteil ist hier noch, daß man zusätzlich noch angeben kann, welcher Toggler beim laden der Seite geöffnet werden soll. Dazu einfach bei 'var newDisplay = 0;' entsprechend die Nummer eintragen. Sollen alle Toggler geschlossen sein, dann ein -1 eintragen.

Mit Ankern hat das hier allerdings wenig zu tun und ich beziehe mich mal auf die ursprüngliche Thread-Frage.

cu.Oden

***xchs*** · 11.04.2010, 20:51

Hallo,

ergänzend zu Oden hier meine Lösung mit der Abfragemethode GET:

Im Template "moo_accordion.tpl" ("/templates") folgende Zeile einfügen:

PHP-Code:


display: <?php $aid = $this->Input->get('accid'); if ($aid == '') { echo "false"; } else { echo $aid; } ?>,

Die Verlinkung des betreffenden Akkordeon-Elements erfolgt dann mittels "http://www.domain.tld/alias-der-accordeon-seite.html/?accid=1" (sofern man z.B. auf das zweite Element verlinken möchte). Die Zählung der Akkordeon-Elemente beginnt dabei immer bei Null!

Nebenbei verwende ich für die Abfrage des GET-Parameters die entsprechende Funktion des TYPOlight Frameworks

**Oden** · 11.04.2010, 21:01

Danke! Sieht auch gleich professioneller aus. :-)
Aber ich bin ja auch erst eine Woche bei TL, vielleicht wird ja mehr draus.

cu.Oden

***xchs*** · 11.04.2010, 21:29

Zitat von Oden

Danke! Sieht auch gleich professioneller aus. :-)
Aber ich bin ja auch erst eine Woche bei TL, vielleicht wird ja mehr draus.

Du musst Dich dafür hier nicht rechtfertigen! So wie ich das sehe, bist Du eh schon recht aktiv und professionell mit TYPOlight unterwegs...

Nichtsdestotrotz bleibt allerdings immer noch die offene Frage des OP. Dafür kenn ich jetzt auf die Schnelle auch keine zufriedenstellende Lösung - sofern es diesbezüglich überhaupt was Gscheides gibt!

**Oden** · 11.04.2010, 21:38

Zitat von xchs

Du musst Dich dafür hier nicht rechtfertigen! So wie ich das sehe, bist Du eh schon recht aktiv und professionell mit TYPOlight unterwegs...

Das professionell nimm bitte raus. Soweit bin ich lange nicht.

Nichtsdestotrotz bleibt allerdings immer noch die offene Frage des OP. Dafür kenn ich jetzt auf die Schnelle auch keine zufriedenstellende Lösung - sofern es diesbezüglich überhaupt was Gscheides gibt!

Also ich finde die schon beantwortet. Einzig das mit den Ankern geht noch nicht, was ja aber auch nicht das Thema des OP war.

cu.Oden

**Wichteldesign** · 12.04.2010, 11:11

Danke für die Antwort. Werde es gleich mal ausprobieren.

**Oskar** · 01.11.2010, 19:10

Hallo,

ich habe noch eine Frage: bei mir scheint der Teil (<?php echo $_POST['id']

nicht zu funktionieren. Irgendwie wird das Value des Hiddenfields nicht übermittelt.
Weis hierzu jemand eine Lösung?

**ways2web** · 20.01.2011, 07:23

Guten Morgen Community

irgendwo verpasse ich die lösung, obwohl diese wohl hier zu finden sein soll

vielleicht bin ich auch zu lange wach...

wäre jemand so herzensgut das zusammenzufassen, dass sogar ich es schaffe das ganze nachzuvollziehen

Mein Anliegen:

1. Ausgewählte Accordions (nicht alle) bei Aufruf erst geschlossen !

2. Ausgewähltes Accordion bleibt geöffnet, wenn bei Formulareingabe fehler gemacht wurden.

3. Dem Toggler nen active status vergeben, damit man für den Zustand verschiedene Grafiken zuweisen kann (z.b. plus minus symbol)

da ich diese thema schon mehr als einmal bemerkt habe würde ich das ganze wie immer auch als Tutorial verfassen, sobald ich es mit eurer hilfe lösen konnte!

Viele grüße
ways

**MacKP** · 20.01.2011, 19:52

Hallo ways2web,
ist jetzt keine direkte Antwort.. aber: Zu jedem dieser Themen gibts schon ein paar Threads. Bemüh da doch bitte mal die Suche ;-)

Viele Grüße

**ways2web** · 21.01.2011, 01:39

das hab ich natürlich nicht unterlassen

und war auch teiwleise erfolgreich, nur mit den formularen war ich nich ganz erfolgreich, bzw konnte ich die Lösungsansätze nich erweitern...
mit der Ergänzung von xchs konnte ich nun das accordion geöffnet halten, bei einer fehlermeldung
(display-wert , in zusammenhang mit einem hidden field).

Das Problem ist nun, dass mein Accordion aber komischerweise geschlossen bleibt, wenn der Eintrag fehlerfrei erstellt wurde um den Systemhinweis zu erhalten
(Ihr Kommentar wurde hinzugefügt und wird nach redaktioneller Prüfung veröffentlicht.)

nun ist also dieser nicht zu sehen, fehlermeldung hinegegen schon

liebe grüße
Olli

**ways2web** · 21.01.2011, 06:44

so, mein Kollege hat mir das gemacht.

ich hab jetzt ne moo_accordion.tpl, die alles macht was ich wünschte...
Alles in Verbindung mit dem kommentarsystem (ce_comments.tpl).
Grundlage war das Tutorial von Psi: Accordion_extended

sollte das form weit unten in der seite sitzen gibts auch sowas wie nen Anchor-Sprung zu den p.error und p.confirm ( window.scrollTo) + Rücksicht auf das oncomplete vom accordion.

und wie immer, wenn mir geholfen wird.. sollen auch andere davon profitieren können, denen es wir mir an mootool KnowHow fehlt. Da es im Forumbereich "Modifizierte Templates" schon ein template zu diesem Thema gibt, hänge ich es hier mit ran..

Demolink gibts per PM, da ich mein Kommentarbereich nicht zuspammen lassen möchte

PS: bei Fehlern oder optimierungsvorschlägen... ihr findet mich im forum.. oder irc.

Gute Nacht

**endlezZ** · 21.01.2011, 11:45

Hallo,
habe die Beiträge mal überfolgen. Habe ähnlioches vor und würde gerne euch bzw. den Threadersteller fragen, wie er das Formular in sein Accordion bekommen hat...?

Also ich habe mir ein Formular mit einigen Textfeldern und Checkboxen gemacht. Den Code für das Accordion habe ich auch schon geschrieben, funktioniert soweit perfekt...

Nur die große Frage ist jetzt wie ich z.b. die ersten beiden Eingabefelder meines Formulares auf die erste Seite des Accordions bekomme, die nächsten 3 Eingabefelder dann z.B. auf die zweite Seite des Akkordions usw...?

Wirklich zerstückeln kann man es ja nicht, da sich in $this->fields der komplette HTML Code befindet. Ich habe zwar für jedes Eingabefeld eine Klasse (unter dem Formulargenerator) angegeben, trotzdem bin ich ratlos.

Wie löse ich mein Problem??

Danke..

**juergen** · 12.05.2011, 09:58

Zitat von Oskar

Hallo,

ich habe noch eine Frage: bei mir scheint der Teil (<?php echo $_POST['id']

nicht zu funktionieren. Irgendwie wird das Value des Hiddenfields nicht übermittelt.
Weis hierzu jemand eine Lösung?

Ich habe das gleiche Problem wie Oskar. Der Wert wird übermittelt, allerdings nicht in $_POST['id'] sondern in $HTTP_POST_VARS['id']. Die schaffe ich leider nicht auszulesen was unter umständen an der Einstellung Register globals = off liegen könnte.

Hat jemand die Lösung oder einen Tipp?

Danke! Der PHP-Experte

**juergen** · 12.05.2011, 13:23

@oskar:

setze <?php echo $GLOBALS['HTTP_POST_VARS']['id']; ?> anstatt <?php echo $_POST['id']; ?> ein, dann funktioniert es.

**worxer** · 27.05.2011, 07:44

Das angehängte Template von ways2web funktioniert super. Vielen Dank dafür!
Allerdings habe ich 2 Formulare auf einer Seite. Je ein Formular ist in einem Einzelelement-Akkordeon eingebunden. Wird das erste Formular falsch ausgefüllt, springt die Seite direkt zum offenen (ersten) Fehler-Formular. Wie gewünscht. Wird jedoch das zweite falsch ausgefüllt, führt ein Reload der Seite wieder zum ersten offenen Formular. Das zweite bleibt verdeckt. Wie kann ich erreichen, dass das zweite bei einer Fehlermeldung geöffnet wird?

**mathijsen** · 05.09.2011, 14:53

Zitat von xchs

Hallo,

ergänzend zu Oden hier meine Lösung mit der Abfragemethode GET:

Im Template "moo_accordion.tpl" ("/templates") folgende Zeile einfügen:

PHP-Code:


display: <?php $aid = $this->Input->get('accid'); if ($aid == '') { echo "false"; } else { echo $aid; } ?>,

Die Verlinkung des betreffenden Akkordeon-Elements erfolgt dann mittels "http://www.domain.tld/alias-der-accordeon-seite.html/?accid=1" (sofern man z.B. auf das zweite Element verlinken möchte). Die Zählung der Akkordeon-Elemente beginnt dabei immer bei Null!

Funktioniert, auch mit Post-Methode

aber

Zitat von xchs

Nebenbei verwende ich für die Abfrage des GET-Parameters die entsprechende Funktion des TYPOlight Frameworks

Das ist ungünstig, wenn jemand nach einer Falscheingabe (also wenn accid einen Wert bekommt) während der selben Browser-Sitzung nocheinmal das Formular neu aufruft (also ohne jegliche GET oder POST-Daten) das Formular trotzdem ausgeklappt ist. Die Typolight-Funktion scheint sich das ungewollt zu "merken", zumindest bei der Post-Methode. Deshalb verwende ich statt

PHP-Code:


$this->Input->post('accid')

das klassische

PHP-Code:


$_POST['accid']

, dann funktioniert's perfekt.

***xchs*** · 05.09.2011, 15:05

Nun, jeder nach seiner Façon.

Ich bleibe bei den Methoden, die mir das Contao Framework bietet.

**uliverse** · 05.10.2012, 17:13

Also ich krieg es mit keiner der beschriebenen Methoden hin. Mein Formular klappt bei Falscheingabe immer zu.

HiddenField mit
id und Standardwert eingefügt ("0", da ich nur ein Akkordeon-Tab habe, richtig?)
Methode: POST
Template: das von ways2web bzw. auch das von Oden.

--> Formular geht trotzdem zu

Auch der Tipp von Xchs (und entsprechend GET) bringt mich nicht weiter, dann werde ich sofort auf die "Danke"-Seite geleitet bei Falscheingabe...

Liegt es an der Version von MooTools? Mir fällt auf, dass das moo_accordion Template in neueren Versionen um einiges umfangreicher ist als das von ways2web.
Was mache ich falsch?