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>

Note

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

Dettagli pubblicazione

Categoria: Javascript e AJAX

Pubblicato da: loryzz in data: 06.01.2008 21:44:20

Ultima modifica di: loryzz in data: 21.01.2009 11:25:30

Statistiche

Questo articolo è stato visualizzato 4.413 volte.

Segnala presso

Votazioni

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

Commenti

Gli utenti del sito hanno rilasciato 5 commenti, di cui 0 in attesa di approvazione.

Commento di: webbiamo.com in data: 08.11.2009 13:04:24

Grazie.
Mi è molto utile
Commento di: loryzz in data: 08.11.2009 13:08:17

@webbiamo: grazie a te per avere utilizzato il nostro script! :)
Commento di: Roberto in data: 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!
Commento di: Marcello in data: 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
Commento di: morgue86 in data: 28.02.2011 00:12:32

grazie, sicuramente di grande impatto visivo.
Viva ajax!

Lascia un commento

Tutti i commenti devono essere approvati da un amministratore prima di essere visualizzati al pubblico. Si tratta di una misura preventiva contro spam e pubblicità e non è necessario reinviare il commento.
Si prega di scrivere commenti in tema. Spam e messaggi promozionali non vengono approvati.