ouvrir une nouvelle fenêtre à l'intérieur d'une même page dans une petite taille

j'ai un jsp page et en cliquant sur submit button, une nouvelle page s'ouvre dans la même page, mais ce que je veux, c'est que new page(window) devrait ouvrir inside same page mais ayant moins de taille que comme vous l'avez vu dans de nombreux sites web. after clicking submit button a new page will be opened in a less size, comment puis-je le faire à l'aide de jquery/javascript?

index.jsp

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

Toutes les idées, merci de

  • Par " nouvelle page(fenêtre)' voulez-vous dire une fenêtre modale?
InformationsquelleAutor Tom | 2012-02-29
  1. 3

    Ci-dessous devrait travailler avec votre exemple de code, que vous avez été à la recherche pour target="_blank", pas _self comme _self est la même fenêtre et a même pour effet de ne pas avoir de valeur cible à tous. Aussi ne pense pas que target="_blank" est encouragé ces jours-ci, de plus, avec les onglets des navigateurs, il va juste ouvrir dans un nouvel onglet et ne pas être re-considérable.

    Espérons-le ci-dessous permet

    <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>

    Nouvel exemple de code basé sur le centre de la fenêtre pop-up.

    Je pense que la quesiton est source de confusion, mais comme il n'est pas clair si le pop-up est l'accès de serveur de côté des trucs ou pas et si elle a besoin d'accéder à la forme du contenu. Les autres réponses pour cette question pourrait aussi convenir à vous en fonction de votre situation. Ci-dessous mon code révisé, j'espère que ça va aider, mais pas sûr à 100% que le contexte est un peu déroutant

    <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 pour ta réponse, mais comment puis-je apporter de la fenêtre en position médiane en spécifiant sa position?
    • Grâce mindandmedia. @tom sur la fenêtre.ouvert, vous pouvez spécifier le haut et à gauche décalage de qui vous voulez être de la taille du navigateur/2 moins de la moitié de la taille de fenêtre contextuelle c'est à dire (navigateur-largeur/2)-(pop-up largeur/2). La gauche et le dessus sont spécifiées de la même façon que la largeur params dans mon exemple. de l'écran.la largeur et l'écran.la hauteur doit obtenir la résolution du navigateur
    • Devrait avoir mentionné, dans l'événement onsubmit, vous voudrez probablement pour déplacer la fenêtre.ouvrir référence à votre propre fonction dans la fonction que vous pouvez faire à l'écran.la largeur et l'écran.la hauteur et à invoquer la fenêtre.ouvrir avec les valeurs calculées donc, comme onsubmit="openWindow(soit 100 300);" et alors avoir une fonction openWindow dans le <script> une partie de la page ou externe .js
    • ok erreur ici est à venir , pouvez-vous s'il vous plaît modifier votre code afin que je puisse voir cette nouvelle fenêtre en milieu de position?
    InformationsquelleAutor ChrisM
  2. 2

    Je suis absolument pas sûr, si je comprends bien votre question, mais peut-être que ce sera vous aider?

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

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

    si ce n'est pas ce que vous aviez à l'esprit, je vous suggère de regarder le jquery dialogue plugin.

    modifier après des commentaires:

    peut-être que vous essayez de faire quelque chose qui n'a pas besoin de frapper le serveur. si tout ce que vous devez faire est d'ouvrir une "fenêtre" contenant une valeur à partir d'un formulaire. vous pouvez accéder à un champ de formulaire de valeur comme cela... 

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

    Maintenant, vous pouvez (également avec jquery), de créer une "fenêtre" comme ceci:

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

    et l'ajouter à votre document

    $(body).append(divWindow);

    maintenant le style de la dynamique ajouté divs comme ceci (css), et vous avez une fenêtre:

    .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;
}
    • vous pouvez certainement le faire fonctionner, je voulais juste vous montrer que vous pouvez appeler window.open pour ouvrir une nouvelle fenêtre.
    • est la forme de la valeur des paramètres, aussi appel même manière comme il l'appelle déjà.
    • je suis désolé, je ne comprends pas ce commentaire, merci de la reformuler
    • je ne suis pas familier avec asp, mais si j'ai un champ de texte, et je veux obtenir le champ de texte de la valeur dans la fenêtre pop-up, puis est de la même façon que j'appelle le champ de texte comme nous l'appelons, dans php $_POST['text_field'] ou nous passer sur le pop-up url comme /newwindow.php?text=sometext
    • +1 pour jQuery boîte de dialogue. Je déteste les pages qui ouvrent une nouvelle fenêtre au lieu de "faux" de la fenêtre
    InformationsquelleAutor mindandmedia