Pegar valores do formulario via java script e apos enviar para um popup
Buenas galera, trago hoje para voces leitores do onnclick 2 POST em 1 uhahuahuahu …. uma forma sismples de como pegar os valores do formulario via javascript e ap贸s enviar para um popup.
A 2潞 茅 abrir o popup centralizado muito facil sem ter que passar todos os parametros pelo velho window.open().
Vamos l谩 ent茫o……
1 - Esta fun莽茫o sera responsavel por criar o nosso popup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <script language="JavaScript"> function popup(url, nwidth, nheight) { var width = nwidth; var height = nheight; var left = (screen.width - width)/2; var top = (screen.height - height)/2; var params = 'width='+width+', height='+height; params += ', top='+top+', left='+left; params += ', directories=no'; params += ', location=no'; params += ', menubar=no'; params += ', resizable=yes'; params += ', scrollbars=yes'; params += ', status=no'; params += ', toolbar=no'; newwin = window.open(url, 'titulo', params); if(window.focus) { newwin.focus(); } return false; } </script> |
2 - Logo aqui criamos a funcao que sera responsavel por pegar todos os valores dos campos inputs e select monta a nossa URL e enviar para o popup.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <script language="JavaScript"> function verificar(form) { var url = "minhaPagina.php?"; elementosForm = form.getElementsByTagName("input"); for(i=0; i<elementosForm.length; i++) { url = url + elementosForm[i].name + "=" + elementosForm[i].value + "&"; } elementosFormSelect = form.getElementsByTagName("select"); for(i=0; i<elementosFormSelect.length; i++) { url = url + elementosFormSelect[i].name + "=" + elementosFormSelect[i].value + "&"; } //Aqui chamamos nossa funcao do ''popup'' e passamos a nossa url montada popup(url, 400, 400); } </script> |
3 - Nosso bom e velho HTML.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<form name="editUser" method="post">
Meu Input <input type="text" name="meuInput" ><br /><br />
Meu Select
<select name="meuSelect">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select><br /><br />
<input type="button" value="Verificar Valores" onClick="verificar(this.form)">
</form>
<br /><br />
<!-- Aqui tambme podemos chamar o popup no evento onclick de um link -->
<a href="#" onClick="popup('onnClick.net/blog', 400, 400);">Abrir o popUp</a> |
Que barbada em???? Espero que ajudem voc锚s.
At茅 a proxima.!
7 Responses to “Pegar valores do formulario via java script e apos enviar para um popup”
Seu Comentário


Mary on junho 23rd, 2009
Pretty nice post. I just came across your blog and wanted to say
that I’ve really liked reading your blog posts. Any way
I’ll be subscribing to your blog and I hope you post again soon!
jeff on agosto 14th, 2009
Legal muito legal!
Victor on setembro 16th, 2009
Era exatamente o que eu procurava..
valew
Obrigado! ;)
Ramon on setembro 17th, 2009
Ol谩,
Bem gostaria de saber se h谩 como fazer via post esse envio de dados por javascript. Uma vez que via GET h谩 um limite de 255 caracteres. N茫o 茅 isso?
Grato,
Ramon
maninho on setembro 23rd, 2009
muito bom sistema!
danilo on novembro 2nd, 2009
ola, gostaria de saber como fa莽o para enviar os dados de um formulario para uma outra pagina que esteja configurada para receber os dados quando clicono botao , se for possivel me ajudarem ficarei muito grato.
obrigado
feceTels-online on mar莽o 8th, 2010
Por que no:)