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”

  1. 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!

  2. jeff  on agosto 14th, 2009

    Legal muito legal!

  3. Victor  on setembro 16th, 2009

    Era exatamente o que eu procurava..
    valew
    Obrigado! ;)

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

  5. maninho  on setembro 23rd, 2009

    muito bom sistema!

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

  7. feceTels-online  on mar莽o 8th, 2010

    Por que no:)


Seu Comentário