|
|||
Fancybox nach Absenden eines Formulars
Hallo Leute,
Ich bin Anfänger also bitte habt Nachsicht =) Ich habe ein Formular, Ich möchte, dass das Ergebnis (in dem Fall, Nachricht gesendet) in einer Fancybox erscheint. (Das Formular sendet ohne Fancybox ohne Probleme). Jedenfalls habe ich jetzt das Problem, dass zwar eine Fancybox erscheint (mit der entsprechenden Nachricht), aber die Daten anscheinend nicht an die php Datei übermittelt werden. Die Nachricht, die ich per E-Mail bekomme ist nämlich leer =( Hat jemand eine Idee woran das liegen kann, habe auch gegoogelt und verschiedene Ansätze versucht, aber nichts funktioniert. Vielleicht hat jemand eine Idee? Mit freundlichen Grüßen HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="imagetoolbar" content="false" /> <link href='css/style.css' rel='stylesheet' type='text/css' /> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script> <script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.5"></script> <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css?v=2.1.5" media="screen" /> <script type="text/javascript"> $(document).ready(function() { $("#fancybox-mail").click(function() { $.fancybox.open({ href : 'kontakt.php', type : 'iframe', padding : 5 }); }); }); </script> <style type="text/css"> .fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; } </style> </head> <body> <form class="pure-form" name="fancy" action="kontakt.php" method="post"> <p>Name: <input name="name" placeholder="Name" size="25"> E-Mail: <input name="email" placeholder="beispiel@beispiel.de" size="25"><br /></p> <textarea style="resize:none" name="comments" cols="65" rows="15"></textarea><br /> <input type="button" value="Submit" id="fancybox-mail"<br /> </form> </body> </html> |
Sponsored Links |
|
|||
Das Problem ist, dass beim Klick auf deinen Submitbutton die Funktion, die du oben definierst ($("#fancybox-mail").click(function() {... ( ausgeführt wird und nicht der eigentliche submit.
Du musst das Ergebnis/Overlay nach erfolgreichem absenden in der kontakt.php ausgeben. Wenn du die php datei postet kann ich dir weiterhelfen.... |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
jQuery UI Ajax Tabs und FancyBox | Trigger81 | Javascript & Ajax | 3 | 01.12.2011 22:51 |
Button soll nach Absenden des Formulars erscheinen | gini0_8 | Serveradministration und serverseitige Scripte | 4 | 11.02.2010 16:30 |
Email formular beim Absenden nicht Umleiten? | sepp88 | Serveradministration und serverseitige Scripte | 1 | 24.12.2009 14:55 |
Pixlie mit Fancybox und JQuery Tools Tabs | maeck | Javascript & Ajax | 5 | 17.10.2009 23:26 |
Nach absenden des Formulars zerspringt Layout | img | Serveradministration und serverseitige Scripte | 15 | 03.06.2008 15:13 |