Kontaktformular - Weiterleitung auf Sendebestätigung in Colorbox auf gleicher Seite

Hallo,

trotz stundenlangen Suchens im Forum und der Google-Contao-Suche bin ich leider nicht fündig geworden. Zwar taucht die Fragestellung in einigen alten Threads auf, leider sind die in den Antworten erwähnten Links genau so alt und in vielen Fällen tot (404).

Auf meiner Testseite: http://carlo.luetten-dieks.eu gibt es unten rechts im Footer ein kleines Kontaktformular. Ich würde gerne dem Kontaktsuchenden nach dem Absenden des Formulars eine kurze Sendebestätigung in einer Colorbox anzeigen. Als j_colorbox.html5 verwende ich das von Andreas in einem früheren Thread angepasste Template (https://community.contao.org/de/show...d=8#post455905), mit dem ich auch Iframes ausgeben kann.

Bisher habe ich eine Weiterleitungsseite mit einem html-Artikel:

HTML-Code:

---

<a href="{{link_url::kontaktformular-dankeseite}}" data-lightbox>Danke für Ihre Anfrage</a>

---

eingerichtet, die ihrerseits auf die Dankeseite (leeres Layout, nur Artikel in der Hauptspalte) verweist ...

Das ist ja aber nicht ganz das Gewünschte :o ... Wie bekomme ich das hin, die erste Weiterleitung zu umgehen und gleich die Dankeseite in der Colorbox aufzurufen. Vielleicht seh ich auch einfach den Wald vor lauter Bäumen nicht ...

Hat jemand eine zündende Idee? Vielen Dank !

Das gleiche Problem habe ich seit neuestem (heute) mit der Version 4.4.21 ebenfalls.

Ich benutze zum absenden den Absendebutton des Formulars.

Fehlermeldung:

Code:

---

[2018-08-14 20:49:40] request.INFO: Matched route "contao_frontend". {"route":"contao_frontend","route_parameters":{"_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend","alias":"assets/jquery/colorbox//js/colorbox.min.js","_route":"contao_frontend"},"request_uri":"http://www.schulung.localhost/assets/jquery/colorbox//js/colorbox.min.js","method":"HEAD"} []
[2018-08-14 20:49:40] security.INFO: Attempting SimplePreAuthentication. {"key":"frontend","authenticator":"Contao\\CoreBundle\\Security\\ContaoAuthenticator"} []
[2018-08-14 20:49:41] request.INFO: Matched route "contao_frontend". {"route":"contao_frontend","route_parameters":{"_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend","alias":"assets/jquery/colorbox//js/colorbox.min.js","_route":"contao_frontend"},"request_uri":"http://www.schulung.localhost/assets/jquery/colorbox//js/colorbox.min.js","method":"GET"} []
[2018-08-14 20:49:41] security.INFO: Attempting SimplePreAuthentication. {"key":"frontend","authenticator":"Contao\\CoreBundle\\Security\\ContaoAuthenticator"} []
[2018-08-14 20:49:41] request.ERROR: Uncaught PHP Exception Symfony\Component\HttpKernel\Exception\NotFoundHttpException: "Page not found: http://www.schulung.localhost/assets/jquery/colorbox//js/colorbox.min.js" at F:\xampp\htdocs\schulung\vendor\contao\core-bundle\src\EventListener\ExceptionConverterListener.php line 112 {"exception":"[object] (Symfony\\Component\\HttpKernel\\Exception\\NotFoundHttpException(code: 0): Page not found: http://www.schulung.localhost/assets/jquery/colorbox//js/colorbox.min.js at F:\\xampp\\htdocs\\schulung\\vendor\\contao\\core-bundle\\src\\EventListener\\ExceptionConverterListener.php:112, Contao\\CoreBundle\\Exception\\PageNotFoundException(code: 0): Page not found: http://www.schulung.localhost/assets/jquery/colorbox//js/colorbox.min.js at F:\\xampp\\htdocs\\schulung\\vendor\\contao\\core-bundle\\src\\Resources\\contao\\controllers\\FrontendIndex.php:72)"} []
[2018-08-14 20:49:40] request.INFO: Matched route "contao_frontend". {"route":"contao_frontend","route_parameters":{"_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend","alias":"assets/jquery/ui//jquery-ui.min.js","_route":"contao_frontend"},"request_uri":"http://www.schulung.localhost/assets/jquery/ui//jquery-ui.min.js","method":"HEAD"} []
[2018-08-14 20:49:41] security.INFO: Attempting SimplePreAuthentication. {"key":"frontend","authenticator":"Contao\\CoreBundle\\Security\\ContaoAuthenticator"} []
[2018-08-14 20:49:41] request.INFO: Matched route "contao_frontend". {"route":"contao_frontend","route_parameters":{"_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend","alias":"assets/jquery/ui//jquery-ui.min.js","_route":"contao_frontend"},"request_uri":"http://www.schulung.localhost/assets/jquery/ui//jquery-ui.min.js","method":"GET"} []
[2018-08-14 20:49:41] security.INFO: Attempting SimplePreAuthentication. {"key":"frontend","authenticator":"Contao\\CoreBundle\\Security\\ContaoAuthenticator"} []
[2018-08-14 20:49:41] request.ERROR: Uncaught PHP Exception Symfony\Component\HttpKernel\Exception\NotFoundHttpException: "Page not found: http://www.schulung.localhost/assets/jquery/ui//jquery-ui.min.js" at F:\xampp\htdocs\schulung\vendor\contao\core-bundle\src\EventListener\ExceptionConverterListener.php line 112 {"exception":"[object] (Symfony\\Component\\HttpKernel\\Exception\\NotFoundHttpException(code: 0): Page not found: http://www.schulung.localhost/assets/jquery/ui//jquery-ui.min.js at F:\\xampp\\htdocs\\schulung\\vendor\\contao\\core-bundle\\src\\EventListener\\ExceptionConverterListener.php:112, Contao\\CoreBundle\\Exception\\PageNotFoundException(code: 0): Page not found: http://www.schulung.localhost/assets/jquery/ui//jquery-ui.min.js at F:\\xampp\\htdocs\\schulung\\vendor\\contao\\core-bundle\\src\\Resources\\contao\\controllers\\FrontendIndex.php:72)"} []
[2018-08-14 20:49:41] request.INFO: Matched route "contao_frontend". {"route":"contao_frontend","route_parameters":{"_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend","alias":"assets/jquery/colorbox//js/colorbox.min.js","_route":"contao_frontend"},"request_uri":"http://www.schulung.localhost/assets/jquery/colorbox//js/colorbox.min.js","method":"HEAD"} []
[2018-08-14 20:49:41] security.INFO: Attempting SimplePreAuthentication. {"key":"frontend","authenticator":"Contao\\CoreBundle\\Security\\ContaoAuthenticator"} []
[2018-08-14 20:49:41] request.INFO: Matched route "contao_frontend". {"route":"contao_frontend","route_parameters":{"_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend","alias":"assets/jquery/colorbox//js/colorbox.min.js","_route":"contao_frontend"},"request_uri":"http://www.schulung.localhost/assets/jquery/colorbox//js/colorbox.min.js","method":"GET"} []
[2018-08-14 20:49:41] security.INFO: Attempting SimplePreAuthentication. {"key":"frontend","authenticator":"Contao\\CoreBundle\\Security\\ContaoAuthenticator"} []
[2018-08-14 20:49:41] request.ERROR: Uncaught PHP Exception Symfony\Component\HttpKernel\Exception\NotFoundHttpException: "Page not found: http://www.schulung.localhost/assets/jquery/colorbox//js/colorbox.min.js" at F:\xampp\htdocs\schulung\vendor\contao\core-bundle\src\EventListener\ExceptionConverterListener.php line 112 {"exception":"[object] (Symfony\\Component\\HttpKernel\\Exception\\NotFoundHttpException(code: 0): Page not found: http://www.schulung.localhost/assets/jquery/colorbox//js/colorbox.min.js at F:\\xampp\\htdocs\\schulung\\vendor\\contao\\core-bundle\\src\\EventListener\\ExceptionConverterListener.php:112, Contao\\CoreBundle\\Exception\\PageNotFoundException(code: 0): Page not found: http://www.schulung.localhost/assets/jquery/colorbox//js/colorbox.min.js at F:\\xampp\\htdocs\\schulung\\vendor\\contao\\core-bundle\\src\\Resources\\contao\\controllers\\FrontendIndex.php:72)"} []

---

EDIT: Hat sich anscheinend grade in Luft aufgelöst. Habe die Konfigurationen von NC und dem Formular nochmals überprüft und neu gespeicher. Vermutlich lag der Fehler in der Art der Benachrichtigung im NC.

Wäre nicht auch diese Erweiterung eine gute Lösung?
https://packagist.org/packages/termi...ontao-ajaxform
Sie sorgt dafür, dass das Ergebnis des Formular-Absendens per Ajax angezeigt wird. Konkret: wenn das Formular erfolgreich abgesendet werden konnte wird es ausgeblendet und stattdessen eine frei definierbare Erfolgsmeldung angezeigt.

@Fachinger
Mein Problem ist ja, dass ich die Colorbox nicht direkt aufrufen kann. Wie hast Du das denn gelöst, dass nach Klicken des Absendebuttons und Validierung des Formulars die Sendebestätigung direkt in der Colorbox erfolgt?

EDIT:
Ok, habe jetzt in das Formular vor dem Submit-Button ein html-Feld eingefügt:

HTML-Code:

---

<a href="{{link_url::kontaktformular-dankeseite}}" data-lightbox/a>

---

Die Weiterleitung habe ich zudem jetzt direkt auf die Dankeseite geroutet, damit funktioniert es, die Sendebestätigung wird direkt in der Colorbox angezeigt. Das Problem "scheint" damit gelöst, abgesehen davon, dass die Colorbox nicht immer die in j_colorbox.html5 vorgegeben Werte für width und height hat ...

Das Problem bei mir besteht doch weiterhin, obwohl ich seit gestern keine Änderungen vorgenommen habe.
Bin ketzt grade dabei, eine Grundinstallation aufzusetzen und das Ganze nochmal zu testen.

Ich habe noch nichts gefunden, woher der Fehlercode "frontend","alias":"assets/jquery/ui//jquery-ui.min.js" in der 5. Zeile herkommt. besonders das "//" in dieser Pfadangeabe macht mich stutzig.

@Seefahrer
Die Colorbox benutze ich nicht, jedenfalls nicht wissentlich.

@Fachinger
In der von Dir zitierten Fehlermeldung gibt es aber einen Hinweis auf die Colorbox

Code:

---

Page not found: http://www.schulung.localhost/assets/jquery/colorbox//js/colorbox.min.js"

---

Die genannte Pfadangabe ist allerdings falsch, da Du Contao 4.4 benutzt müsste die Pfadangabe in "templates/j_colorbox.html5 wie folgt lauten:

Code:

---

<script src="<?= TL_ASSETS_URL ?>assets/colorbox/js/colorbox.min.js"></script>

---

Ich vermute, dass Du da ein früher unter Contao 3 angepasstes Template liegen hast. Wenn dem so ist, muss auch der Pfad für das CSS editiert werden:

Code:

---

$GLOBALS['TL_CSS'][] = 'assets/colorbox/css/colorbox.min.css|static';

---

@Seefahrer
Stimmt, das sind überführte Templates.
Werd mal gleich nachschauen.

Danke!

@rusty
hab die die Erweiterung der Core-Entwickler mal installiert. Ist ja eine kompakte Erweiterung mit richtig Charme ... :)
Ist vielleicht sogar die bessere Lösung, da mein Ansatz mit der Colorbox auch nicht so richtig funktioniert:

Beim 1. Aufruf hat die Box nicht die vorgegebene Höhe und man muss 2x Klicken zum Schließen
Beim 2. Aufruf stimmen die Dimensionen, aber auch hier 2x Klicken zum Schließen
Beim 3. Aufruf stimmen ebenfalls die Dimensionen, aber Schließen klappt nicht - mein Mac bekommt das "Beachballing" und ich muss die Seite neu laden.

Also ist diese Lösung noch nicht zufriedenstellend ...

Ich habe auch mal die Erweiterung contao-ajaxform installiert. Was muss ich nun machen, damit diese tut was sie soll? ;)

Zitat:

---

Zitat von rusty

Wäre nicht auch diese Erweiterung eine gute Lösung?
https://packagist.org/packages/termi...ontao-ajaxform
Sie sorgt dafür, dass das Ergebnis des Formular-Absendens per Ajax angezeigt wird. Konkret: wenn das Formular erfolgreich abgesendet werden konnte wird es ausgeblendet und stattdessen eine frei definierbare Erfolgsmeldung angezeigt.

---

Gibts hierzu irgendwo ne Demo? :-)

Habe die Erweiterung wie gesagt problemlos über den CM installiert... und nu?

Moin,

Zunächst im Formulargenerator wie üblich ein Formular anlegen. Dann dort, wo das Formular eingebunden werden soll, als Element statt „Formular“ das „Formular mit Ajax“ auswählen. Es erscheint dann auch gleich der Texteditor, mit Hilfe dessen der per Ajax im Formular auszugebende Antworttext eingegeben werden kann. That‘s all ...
Funzt übrigens super und man kann sich die Weiterleitung auf eine Dankeseite sparen ...

Ahaaa! Perfekt, vielen Dank! :) Hatte nur in den Formulareinstellungen selber gesucht...