Ergebnis 1 bis 6 von 6

Thema: Erledigt: Bei fehlerhafter Formulareingabe springt Browser nicht zum falschen Feld

  1. #1
    Contao-Nutzer
    Registriert seit
    22.06.2009.
    Beiträge
    178

    Standard Erledigt: Bei fehlerhafter Formulareingabe springt Browser nicht zum falschen Feld

    Hallo, konnte das oben beschriebene Problem teilweise mittels Javascript im Template lösen:

    Code:
    <script>
    setTimeout(function() {
        document.querySelector('.error').scrollIntoView();
    });
    setTimeout(function() {
        document.querySelector('.error').scrollIntoView();
    }, 1000);
    document.querySelector('.error').scrollIntoView();
    </script>
    Jetzt wird aber das Formular mit den fehlerhaften Feldern noch vom Header verdeckt. Ich schaffe es aber nicht, der Funktion srollIntoView ein margin-top hinzuzufügen. Hat da jemand eine Idee, wie das klappen könnte?

    Habe weder im Forum noch bei Google eine Lösung gefunden.
    Geändert von strich-sieben (01.04.2024 um 22:40 Uhr)

  2. #2
    Contao-Fan
    Registriert seit
    24.02.2021.
    Beiträge
    984
    Contao-Projekt unterstützen

    Support Contao

    Standard

    JavaScript - Scroll Into View With Offset
    https://letmegooglethat.com/?q=JavaS...ew+With+Offset

    Schau bitte hier:
    https://amitd.co/code/javascript/scr...ew-with-offset

    Das ist Offtopic und hat nichts mit Formularen zu tun sondern mit JavaScript.
    Dein TimeOut hilft hierbei nicht, füge ein Offset des Headers hinzu...

  3. #3
    Contao-Nutzer
    Registriert seit
    22.06.2009.
    Beiträge
    178

    Standard

    Wäre es nicht wünschenswert, wenn Contao diese Funktion standardmäßig implentiert hätte? Ansonst geht der normale User bei einem Formular, das weiter unten auf der Seite steht, doch davon aus, dass das Formular versendet wurde.

    Bin auch kein Javascript-Profi und habe keine Ahnung, wie ich das machen soll . Suche nach irgendeiner Lösung, die das Problem behebt.

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    Zitat Zitat von strich-sieben Beitrag anzeigen
    Wäre es nicht wünschenswert, wenn Contao diese Funktion standardmäßig implentiert hätte?
    Das ist schon der Fall. Aktiviere das "js_autofocus" Template im Seitenlayout.
    » sponsor me via GitHub or PayPal or Revolut

  5. #5
    Contao-Nutzer
    Registriert seit
    22.06.2009.
    Beiträge
    178

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Das ist schon der Fall. Aktiviere das "js_autofocus" Template im Seitenlayout.
    Super, das funktioniert soweit. Leider wird auch hier das anzuzeigende Formularfeld vom Header verdeckt.

  6. #6
    Contao-Nutzer
    Registriert seit
    22.06.2009.
    Beiträge
    178

    Standard

    Es war noch die HTML5 Validierung angeklickt. Jetzt sollte alles funktionieren

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •