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>
5 commenti
Solo gli utenti registrati possono lasciare commenti.