Wie reiche ich ein HTML-Formular in ein Popup-Fenster mit Größenanpassung deaktiviert?

Hatte ich ein HTML-Formular mit submit-button. Aber anstatt schicken Sie es auf eine andere Seite, die ich senden möchten, um pop-up-Fenster, wo ich kann, beschränken Sie die Größe des pop-up-Fenster sagen Sie "320x240" alle ausblenden der Symbolleiste, deaktivieren Sie Größe ändern.

InformationsquelleAutor c.sokun | 2009-03-19

  1. 10

    Hier ist mein go an; dieses JavaScript-snippet sollte in den head Bereich deiner Seite:

    <script>
process = function()
 {
    window.open('about:blank', 'popup', 'width=320,height=240,resizeable=no');
    document.login.setAttribute('target', 'popup');
    document.login.setAttribute('onsubmit', '');
    document.login.submit();
 };
</script>

    - Und dies ist ein Beispiel-Formular für die demonstration:

    <form action="handle.html" method="get" name="login" onsubmit="process(); return false;">
Username: <input type="text" name="username" id="username" /><br />
<input type="submit" />
</form>

    Nun, hier ist, was passiert: zuerst setzen wir ein Formular und geben Sie es ein onsubmit Attribut, erzählt Sie, um die Funktion auszuführen process() und return false; anstelle der Einreichung normalerweise; von diesem Punkt, dass die Funktion übernimmt, und erstellt ein popup-Fenster, geben Sie einen Namen ein, und einige Funktionen (mit allen Mitteln, fügen Sie überschüsse, die Sie würde gerne), und dann die Aufmerksamkeit zurück auf die form, wo wir nun die target - Attribut auf den Namen der Fenster, die wir gerade erstellt haben.

    Dann haben wir klar, dass onsubmit dass wir zuvor festgelegt haben, oder das gleiche wieder passieren wird, und das ist sicherlich nicht das, was Sie wollen. Schließlich haben wir gerade die form erneut vorgelegt und er wird nun alle seine Informationen an das Fenster knallte, von da aus ist es nur immer handle.html (oder was auch immer Sie am Ende aufrufen, Ihre Verarbeitung Seite), um seine Arbeit mit den Daten.

    Hoffe, dass ich geholfen habe.

    Gibt es eine Möglichkeit, dies zu tun mit post anstelle von get? Ich natürlich bekam es auch arbeiten Sie Ihren Weg, aber dann einfach ändern der Methode post im form-tag hat nicht funktioniert. Post ist angeblich sicherer als erhalten, so sollten Sie versuchen, es zu verwenden, Wann immer möglich.
    Ich habe es mit post anstelle von get mit kein problem! obwohl mein code variiert ein wenig, meine form: <form id="theForm" name="theForm" action="yourPage.php" method="post" onsubmit="target_popup(this)" > und meine js-Funktion : function target_popup(form) { w = window.open('', 'metas_pop', 'width=1000,height=600,resizeable,scrollbars'); form.target = 'metas_pop'; w.focus(); } . auch, als plus bemerken, dass ich die w.focus() zum öffnen des popup sofort, auch wenn es bereits geöffnet war, aber ohne Fokus (z.B. von einer früheren Einreichen). Hoffe, es funktioniert für Sie

    InformationsquelleAutor Hexagon Theory

Schreibe einen Kommentar