senden Sie das Formular aus iframe und schließen Sie es nach Einreichen und zeigen eine versteckte div

dies ist, was ich haben

    <html>
    <head>
    </head>
    <body>
    <iframe id="myiframe">
    <form id= "myform" action="submit.php" method="POST">
    <input type="submit">
    </form></iframe>
    <div id="hiddendiv" style="display:none">
    some text
    </div>
    </body></html>

und das ist, was ich will, bis zum Ende mit, nachdem das Formular im iframe ist eingereicht (äther, indem Sie die EINGABETASTE oder klicken Sie die Schaltfläche senden, ich nicht kümmern, da das Formular hat nur 1 Feld)

    <html>
    <head>
    </head>
    <body>
    //I want this iframe to become display:none or to be deleted
    /*<iframe id="myiframe">
    <form id= "myform" action="submit.php" method="POST">
    <input type="submit">
    </form></iframe>*/
    //and this div to be showed
    <div id="hiddendiv" style="display:">
    some text
    </div>
    </body></html>

kann bitte jemand helfen, vielen Dank

habe ich die answare, aber ich habe zu warten, für 8 h zu posten ist also bearbeitete ich die erste Frage kann man das pot ist, wenn Sie wollen, so dass ich überprüfen kann, ob es als answare

habe es

<html>
<head>
</head>
<body>
<script>

function closeIframe() {
var iframe = document.getElementById('myiframe');
iframe.parentNode.removeChild(iframe);
document.getElementById("hiddendiv").style.display="";
}

</script>
<iframe id="myiframe">
<form id= "myform" action="submit.php" method="POST">
<input type="submit">
</form></iframe>
<div id="hiddendiv" style="display:none">
some text
</div>
</body></html>

und in der submit.php die Rückkehr ist dieser

echo '<script type="text/javascript">';
echo 'parent.closeIframe()';
echo '</script>';

InformationsquelleAutor user2031113 | 2013-02-01

  1. 1

    Wenn aus derselben Domäne befinden, fügen Sie diese in die submit.php und extrahieren Sie die form, um in das iframe
    Sie müssen 

    <iframe src="form.html"></iframe>

    DEMO

    <script>
top.document.getElementById("myiframe").style.display="none";        
top.document.getElementById("hiddendiv").style.display="block";
</script>
    🙂 Ich weiß, Sie wissen, was Sie sagen, aber ich weiß nicht, wie das umzusetzen,
    also die submit.php ist ein mailer in meiner situation. also, ich kann etwas Aussehen, wenn die E-Mail gesendet wird, zurück ..... wie formuliere ich den code in php?
    Siehe update ..............
    zeigt nicht die hiddendive und in firebug zeigt er mir, dass der iframe immer noch frisst den Raum, wo es ist, wie wenn Sie es verstecken, so lösche ich den iframe?
    Ich hatte einen Tippfehler. Verwenden document. statt document, - siehe update

    InformationsquelleAutor mplungjan

  2. 1
    <html>
<head>
</head>
<body>
<script>

function closeIframe() {
var iframe = document.getElementById('myiframe');
iframe.parentNode.removeChild(iframe);
document.getElementById("hiddendiv").style.display="";
}

</script>
<iframe id="myiframe">
<form id= "myform" action="submit.php" method="POST">
<input type="submit">
</form></iframe>
<div id="hiddendiv" style="display:none">
some text
</div>
</body></html>

    und in der submit.php die Rückkehr ist dieser

    echo '<script type="text/javascript">';
echo 'parent.closeIframe()';
echo '</script>';

    InformationsquelleAutor user2031113

Schreibe einen Kommentar