Comment soumettre un formulaire HTML à une fenêtre popup avec le redimensionnement désactivé?

Question

J'avais conçu un formulaire HTML avec le bouton soumettre. Mais au lieu de le soumettre à une autre page que je veux soumettre à des fenêtres pop-up où je peux limiter la taille des fenêtres pop-up dire "320x240" cacher toute la barre d'outils, désactivez le redimensionnement.

Answer 1

Voici mon parti; cet extrait JavaScript doit entrer dans la tête de votre page:

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

Et ceci est un exemple de formulaire à des fins de démonstration:

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

Maintenant, voici ce qui se passe: d'abord, nous avons mis en place un formulaire et donnez-lui un attribut onsubmit qui lui indique d'exécuter la fonction process() et return false; au lieu de soumettre normalement; à partir de ce point, cette fonction prend le dessus et crée une fenêtre contextuelle, en lui donnant un nom, et certaines fonctionnalités (par tous les moyens, ajouter des surplus que vous souhaitez), puis l'attention revient à la forme, où nous définissons maintenant l'attribut target au nom de la fenêtre que nous venons de créer.

Nous devons alors effacer onsubmit que nous avons défini plus tôt, ou cette même chose se reproduira, et ce n'est certainement pas ce que vous voulez. Enfin, nous avons juste le formulaire soumis à nouveau et il passe maintenant toutes ses informations à la fenêtre sauté; à partir de là, il suffit d'obtenir handle.html (ou tout ce que vous finissez par appeler votre page de traitement) pour faire son travail avec les données.

J'espère avoir aidé.

Answer 2

window.open(url, "resizable=no", ...); 

Plus d'infos à MSDN: window.open.