Inviare i dati da form a popup

Pratico tutorial che insegna, tramite javascript, ad inviare i dati inseriti in un form direttamente ad una finestra popup.

Per fare in modo che, alla pressione del pulsante di invio (submit), i dati contenuti in un form vengano inviati ad una finestra popup, si può ricorrere all'utilizzo della seguente funzione javascript:

function inviaform() {
	window.open('','popup_name','width=dim_x,height=dim_y');
	document.getElementById('form_name').submit();
}

Nella quale:

dim_x è la larghezza del popup
dim_y è l'altezza del popup
popup_name deve essere la stessa etichetta utilizzata nell'attributo target del form come descritto nel seguente spezzone di codice
form_name deve essere uguale al valore dell'attributo id del form

Il codice html, oltre a rispettare le due regole appena elencate, deve avere le seguenti caratteristiche:

l'attributo action del form deve contenere il nome della pagina di popup che riceve i dati
l'attributo onclick del pulsante di invio deve valere inviaform()

Il codice html completo sarà quindi il seguente:

<html>
 <head>
  <script>
   function inviaform(){
	window.open('','popupname','width=270,height=270');
	document.getElementById('nomeform').submit();
   }
  </script>
 </head>
 <body>
  <form id="formname" action="popup.php" method="post" target="popupname">
   <input type="text" name="nome">
   <input type="button" value="invia" onclick="inviaform()">
  </form>
 </body>
</html>

Notes

tags css, form, popup, javascript, html, programmazione

Publication details

Category: Javascript and AJAX

Published by: loryzz on date: 06.01.2008 21:44:20

Last edit by: loryzz on date: 21.01.2009 11:25:30

Statistics

This article has been viewed 4.417 times.

Send to

Ratings

Currently 0; ?>/ TOTALSTARS
1
2
3
4
5

Comments

5 user comments, 0 still waiting.

Comment by: webbiamo.com on date: 08.11.2009 13:04:24

Grazie.
Mi è molto utile
Comment by: loryzz on date: 08.11.2009 13:08:17

@webbiamo: grazie a te per avere utilizzato il nostro script! :)
Comment by: Roberto on date: 26.11.2009 21:20:07

Ciao,
mi sa che con FF non funziona!
Provato con Explorer e mi invia i dati con FF nn ne vuole proprio sapere!
Ciao a presto!
Comment by: Marcello on date: 10.08.2010 09:50:20

Ma poi come si recuperano i dati dalla popop?
Io dovrei usare quei dati su una popup PHP.
Grazie
Comment by: morgue86 on date: 28.02.2011 00:12:32

grazie, sicuramente di grande impatto visivo.
Viva ajax!