Formular nach Absenden außerhalb Viewport

[thannhäuser]

Hallo miteinander,

ich habe eine Single Page im Aufbau. Bekanntlich gibt's da nur eine Seite.
Die Kontaktformulare sind ganz unten eingerichtet.
Wenn ich das Formular absende, erscheint der Anfang der Seite – also ganz oben.
Das ist vor allem wegen möglicher Falscheingaben seitens des Websitebesuchers recht ungünstig.
Wie, bitteschön, kann man das Formular im Viewport halten?
Die einzelnen Rubriken in der Navi sind über #section-1, #section-2, usw. ansprechbar.

Aus dem Thread "Formular - Springen zum Seitenanfang vermeiden ohne Erweiterung" werde ich leider nicht klug. Ich bitte deshalb um Unterstützung.
In meinem form.html5 steht die Zeile:
<form<?php if ($this->action): ?> action="<?= $this->action ?>"<?php endif; ?> id="<?= $this->formId ?>" method="<?= $this->method ?>" enctype="<?= $this->enctype ?>"<?= $this->attributes ?><?= $this->novalidate ?>>

Ich nehme an, dass da irgendwo das #section-7 (meine Formular-Section) hineinkommt?
Übrigens, zu finden ist das Kontaktformular unter: kiessling-vk.de . (Ach ja, die Navi ist dort noch gar nicht eingebaut.)

Vielen Dank für eure Hilfe!
Gruß
Thannhäuser

[tl_richard_user]

Du könntest mal https://github.com/richardhj/contao-ajax_reload_element testen. Vielleicht funktioniert es ja dafür.

[Andreas]

In meinem form.html5 steht die Zeile:

<form<?php if ($this->action): ?> action="<?= $this->action ?>"<?php endif; ?> id="<?= $this->formId ?>" method="<?= $this->method ?>" enctype="<?= $this->enctype ?>"<?= $this->attributes ?><?= $this->novalidate ?>>

Du kannst versuchen den Hash "#section-6" an die action anzuhängen.

Alt:
<?php if ($this->action): ?> action="<?= $this->action ?>"<?php endif; ?>

Neu:
 action="<?= $this->action ? $this->action.'#section-6' : \Environment::get('request').'#section-6'; ?>"

[thannhäuser]

Vielen Dank an euch beide für die Hilfestellung!

Bevor ich den "Richard-Weg" probiere, probiere ich erst einmal die Lösung über das Contao Template.
Bevor ich deinen Vorschlag (PHP-Anpassung) kommentieren kann, Andreas, versuche ich das neue form.html5 - Template in das Formular einzugliedern. Nun stelle ich fest, dass es dort gar keine Template-Einbindung gibt!?
Im Internet recherchiert, bevor ich dumme Fragen stelle, finde ich zu Contao-Formular-Templates leider nichts.
Gruß
Thannhäuser

[Andreas]

Ja, das war mir auch aufgefallen. Wenn du dort ein differenziertes Template möchtest, kannst du das z.B. über eine CSS-Klassen Unterscheidung vornehmen. Im Template dann

if(in_array('myClass', explode(' ', explode('"', $this->attributes)[1])))
{
  // do this
} 

Evtl. ist da die Behandlung mit JS übersichtlicher.

[thannhäuser]

Hallo Andreas!

Dein PHP-Code scheint genau der richtige zu sein! Das Formular bleibt im Blickfeld und die Übersendung klappt.
Da ja eine Template-Neueinbindung nicht geht, habe ich es auf die Brachiale gemacht und das Original mit deinem Code überschrieben.

Vielen Dank für die Hilfe.
Gruß
Thannhäuser

[Andreas]

Was heißt "das Original überschrieben"? Du hast doch aber vorher im BE unter Templates ein neues Template angelegt, erstellt aus dem Originaltemplate form.html, oder? Wenn du das dann veränderst, dann wird dieses genommen und das originale bleibt im Core.

Der Code aus Post #5 war dafür gedacht, dass du die Änderungen im Template davon abhängig machen kannst, ob du dem Formular die CSS-Klasse "myClass" zugewiesen hast. Das solltest du auch so machen.

Ich persönlich würde das mit JS machen.