zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Fancybox nach Absenden eines Formulars

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.11.2014, 12:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.11.2014
Beiträge: 1
Zesa20 befindet sich auf einem aufstrebenden Ast
Standard 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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.11.2014, 08:05
Benutzer
neuer user
 
Registriert seit: 24.12.2013
Beiträge: 57
leex279 befindet sich auf einem aufstrebenden Ast
Standard

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....
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:48 Uhr.