Ich habe ein Formular das ich in ein Bootstrap Modal eingebaut habe.
Die Funktionsweise klappt soweit alles. Nur wenn ich das Formular absende und sich dabei das Modal schließt wird scheinbar der Sendevorgang abgebrochen. Für sich allein geht das Formular super.
Wer kann mir sagen anwas es liegt oder hat schonmal so einen Fall gehabt?
Die Funktionsweise klappt soweit alles. Nur wenn ich das Formular absende und sich dabei das Modal schließt wird scheinbar der Sendevorgang abgebrochen. Für sich allein geht das Formular super.
Wer kann mir sagen anwas es liegt oder hat schonmal so einen Fall gehabt?
HTML-Code:
<div class="modal fade" tabindex="-1" id="myModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <form action="https://t4df46adf.emailsys1a.net/161/1149/0957c720b4/subscribe/form.html" method="post" class="form-horizontal" id="rapidnewsletter"> <input type="text" class="hidden" name="f_1eTZz-JRtzb-3Wxk6x3" value="" tabindex="-1" /> <input type="hidden" class="hidden" name="url_ok" value="https://www.moebro.de/Newsletter-danke" /> <input type="hidden" class="hidden" name="url_error" value="https://www.moebro.de/Newsletter-Fehler" /> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title text-center">Newsletteranmeldung und 10€ geschenkt</h4> </div> <div class="modal-body"> <div class="row form-group form-group-lg"> <div class="col-sm-12"> <img class="img-responsive img-rounded img-thumbnail" src="//www.moebro.de/mediafiles/Bilder/Newsletter/Newsletter.jpg" alt="Newsletteranmeldung" /> </div> </div> <div class="row form-group form-group-lg"> <div class="col-sm-2"> <label class="control-label text-center" for="email">E-Mail:</label> </div> <div class="col-sm-10"> <input type="text" class="input-lg form-control" name="email" id="email" value="" /> </div> </div> </div> <div class="modal-footer"> <button class="btn btn-default btn-xs pull-left nothanks" data-dismiss="modal" aria-hidden="true">Nicht mehr anzeigen</button> <input class="btn btn-success pull-right nothanks form_button_submit" data-dismiss="modal" aria-hidden="true" type="submit" value="Am Newsletter anmelden" /> </div> </form> </div> </div> </div> {literal} <!-- Cookie JS for Modal --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.min.js"></script> <script> // Delayed Modal Display + Cookie On Click $(document).ready(function() { // If no cookie with our chosen name (e.g. no_thanks)... if ($.cookie("no_thanks") == null) { // Show the modal, with delay func. $('#myModal').appendTo("body"); function show_modal(){ $('#myModal').modal(); } // Set delay func. time in milliseconds window.setTimeout(show_modal, 3000); } // On click of specified class (e.g. 'nothanks'), trigger cookie, with expiration in year 9999 $(".nothanks").click(function() { document.cookie = "no_thanks=true; expires=Fri, 31 Dec 9999 23:59:59 UTC"; }); }); </script> {/literal}
Kommentar