öffnen Sie ein neues Fenster innerhalb derselben Seite in einer kleinen Größe

ich habe eine jsp page und wenn Sie auf submit button eine neue Seite geöffnet, auf derselben Seite, aber das, was ich will, ist, dass new page(window) öffnen sollte inside same page aber weniger mit Größe, als wie Sie gesehen haben, würden Sie in vielen websites. after clicking submit button a new page will be opened in a less size, wie kann ich es machen mit jquery/javascript?

index.jsp

<form action="newwindow.jsp" target="_self">
<input type="submit value="click here"/>
</form>

Irgendwelche Ideen, bitte

Durch 'neue Seite(Fenster)' meinst du ein modales Fenster?
ya modales Fenster wird ok sein

InformationsquelleAutor Tom | 2012-02-29

  1. 3

    Unten sollte die Arbeit mit Ihrem Beispielcode, denken, Sie waren auf der Suche nach target="_blank", nicht _self als _self ist das gleiche Fenster und hat dieselbe Wirkung ohne Ziel-Wert überhaupt. Auch glaube nicht, dass target="_blank" gefördert wird viel in diesen Tagen, plus mit tabbed-Browser, wird es nur öffnen in einem neuen tab und nicht re-beträchtliche.

    Hoffentlich werden die unten hilft

    <form target="popup" action="google.com" onsubmit="window.open('', this.target,    'width=300,height=300,resizable,scrollbars=yes'); return true;">
<input type="submit" value="click here"/>
</form>

    Neue Beispiel-code basierte auf dem Versuch, um die Mitte der pop-up.

    Ich denke, die Frage ist verwirrend, da Ihr nicht klar ist, ob das popup-Zugriff auf server-side-Zeug oder nicht, und wenn es benötigt Zugriff auf die Formulardaten. Die andere Antwort angeboten für diese Frage könnte auch zu Ihnen passen basierend auf Ihren Umstand. Unten ist mein überarbeitete code, hoffentlich wird es helfen, aber nicht 100% sicher, wie der Zusammenhang ist ein wenig verwirrend

    <script>
function openWindow(h, w, url) {
  leftOffset = (screen.width/2) - w/2;
  topOffset = (screen.height/2) - h/2;
  window.open(url, this.target, 'left=' + leftOffset + ',top=' + topOffset + ',width=' + w + ',height=' + h + ',resizable,scrollbars=yes');

}
</script>
<form name="form2" id="form2" method="post" action="google.com" onsubmit="openWindow(300, 300, 'google.com');">
<input type="submit" value="click here"/>
</form>
    +1: willkommen auf stackoverflow!
    +1 für deine Antwort, aber wie kann ich das Fenster in der Mitte-position durch Angabe seiner position?
    Dank mindandmedia. @tom auf die Fenster.öffnen können Sie den linken und oberen Abstand, die Sie wollen, um die browser-Größe/2 weniger die Hälfte der popup Größe, d.h. (browser-Breite/2)-(popup-Breite/2). Links und oben angegeben werden, die gleiche Weise wie die Breite params in meinem Beispiel. Bildschirm.width und screen.Höhe erhalten, sollten die browser-Auflösung
    Sollte erwähnt haben, in das onsubmit-Ereignis, das Sie wahrscheinlich wollen, um das Fenster zu verschieben.öffnen Sie die Referenz in Ihrer eigenen Funktion, also die Funktion, die Sie tun können, den Bildschirm.width und screen.Höhe und rufen Sie dann Fenster.öffnen Sie mit den berechneten Werten, so wie onsubmit="openWindow(100,300);" und dann haben Sie eine openWindow-Funktion in der <script> ein Teil der Seite oder eine externe .js
    okay hier Fehler kommen , kannst du bitte Bearbeiten Sie den code so, dass ich sehen kann, dass neue Fenster in mittlerer position?

    InformationsquelleAutor ChrisM

  2. 2

    Bin ich mir absolut nicht sicher, ob ich verstehe Ihre Frage, aber vielleicht hilft Sie?

    <a class=".openWin" href="_#">click here</a>

$('.openWin').click(function(ev){
    window.open('/newwindow.jsp','Title','width=200,height=400');
    ev.preventDefault();
    return false;
});

    wenn dieses nicht ist, was Sie im Sinn hatte, schlage ich vor Blick auf die jquery dialog plugin.

    Bearbeiten nach Kommentare:

    vielleicht sind Sie versucht, etwas zu tun, braucht nicht zu schlagen, die server. wenn alles, was Sie tun müssen, ist öffnen Sie ein "Fenster" mit einem Wert aus einem Formular. Sie können den Zugriff auf jede form Feld-Wert wie diese... 

    var formFieldVal = $('input[name="myInput"]).val();

    Nun können Sie (auch mit jquery) erstellen Sie ein "Fenster" wie folgt:

    var divWindow = $('<div class="overlay"><div>' + formFieldVal + '</div></div>');

    und fügen Sie es zu Ihrem Dokument

    $(body).append(divWindow);

    nun Stil die dynamisch divs Hinzugefügt, wie dies (css), und du hast ein Fenster schauen:

    .overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}

.overlay div {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}
    ist der gleiche arbeiten in form??
    Sie können auf jeden Fall machen Sie Arbeit, wollte nur zeigen, dass Sie können call window.open ein neues Fenster zu öffnen.
    ist der form-Parameter-Werte, auch telefonisch gleichen Weise, wie es bereits genannt.
    es tut mir Leid, ich verstehe nicht, dass Kommentar, bitte anders formulieren
    ich bin nicht vertraut mit asp, aber wenn ich ein text Feld, und ich möchte das Textfeld Wert im pop-up, dann wird Sie den gleichen Weg, ich nenne das Textfeld wie wir es nennen php $_POST['text_field'] oder geben wir es auf die Popup-url wie /newwindow.php?text=sometext

    InformationsquelleAutor mindandmedia

Schreibe einen Kommentar