Nach submit in Overlay auswerten

ceyhan · 28.11.2012

AW: Nach submit in Overlay auswerten

also ich habe mal einiges getestet

aber irgendwie komme ich nicht zu einer lösung -.-

hier ist mein script:

HTML:

<link href='css/jquery-ui-1.9.1.custom.css' rel='stylesheet'>
    <script type='text/javascript' src='js/jquery-1.8.2.js'></script>
    <script type='text/javascript' src='js/jquery-ui-1.9.1.custom.js'></script>
<script type="text/javascript">
$(document).ready(function() {
 // Submit des Formulares binden:
 $('#mein-form').submit( function () {
  // ev. prüfungen
  // dann per post an url das serialisierte Formular senden
  $.ajax({
     type: "POST",
     url: 'script.php',
     data: $(this).serialize(),
     success: function(data) {
    // wenn erfolgreich dann Php-Ausgabe in Ziel-Div anzeigen
    $('#dialog').html(data, function(){
      $('#dialog').dialog();
     }
     });
  // senden des Formulares verhindern
  return false;
 })
});
    $(function() {
    
        $( "#dialog" ).dialog({
            autoOpen: false,
            width: 400,
            buttons: [
                {
                    text: "Ok",
                    click: function() {
                        $( this ).dialog( "close" );
                    }
                },
                {
                    text: "Cancel",
                    click: function() {
                        $( this ).dialog( "close" );
                    }
                }
            ]
        });

        // Link to open the dialog
        $( "#dialog-link" ).click(function( event ) {
            $( "#dialog" ).dialog( "open" );
            event.preventDefault();
        });
</script>

was ist da falsch ??

hub · 28.11.2012

AW: Nach submit in Overlay auswerten

Jo, da ist einiges durcheinander.
Also wenn ich dich richtig verstanden habe, soll folgendes passieren:
du schickst ein Formular ab und dann soll ein Popup aufgehen, in dem dann entweder eine Bestätigung oder eine Fehlermeldung auftauchen soll.
Ist das soweit richtig?

ceyhan · 28.11.2012

AW: Nach submit in Overlay auswerten

also es ist ein formular mit einem template im hintegrund. das heisst wenn ich die form ausfülle dan nimmt er die werte die werte die ich eingetragen habe und vervollständigt den text

im formular habe ich zum beispiel email adresse und sobald ich submit klicke macht er ja

HTML:

<form id='mein-form' method='post' action='test.php'>

in dieser test.php habe ich folgendes drin als beispiel

PHP:

<?php 

$mail=$_POST['mail'];

echo "das ist deine $mail";
?>

weisste wie ich das meine

hub · 28.11.2012

AW: Nach submit in Overlay auswerten

Sorry, mein Fehler: .html(value) weist nur eine Eigenschaft zu.

HTML:

<DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<link href='jquery-ui-1.9.2.custom.css' rel='stylesheet'>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript' src='jquery-ui-1.9.2.custom.js'></script>
<script type="text/javascript">
$(document).ready(function() {
 // Submit des Formulares binden:
 $('#mein-form').submit( function () {
  // ev. prüfungen
  // dann per post an url das serialisierte Formular senden
  $.ajax({
     type: "POST",
     url: 'test.php',
     data: $(this).serialize(),
     success: function(data) {
     $('#dialog').html(data); // <------- hier war der Fehler
      $('#dialog').dialog({
                autoOpen: true,
                width: 400,
                buttons: [
                    {
                        text: "Ok",
                        click: function() {
                            $( this ).dialog( "close" );
                        }
                    },
                    {
                        text: "Cancel",
                        click: function() {
                            $( this ).dialog( "close" );
                        }
                    }
                ]
      });
     }
  });
  // senden des Formulares verhindern
  return false;
 });
});
</script>
</head>
<body>
 <form id="mein-form" method='post' action='test.php'>
  <input type="submit">
 </form>
 <div id="dialog"></div>
</body>
</html>

(Achtung: Pfade und Dateinamen sind geändert ... )

Gruß Ulli

ceyhan · 29.11.2012

AW: Nach submit in Overlay auswerten

Leute ihr seid echt hammer danke viel mal für eure geduld die ihr mit mir hattet und danke viel viel mal für die lösungen

es funktioniert nun alles das ist einfach hammer