Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Orides Tomkiel Zmovirzynsk

Passar parametro do form via lightbox

Por , em Javascript

Recommended Posts

Orides Tomkiel Zmovirzynsk    0

Orides Tomkiel Zmovirzynsk
Postado

Boa tarde pessoal,

 

Alguem já consegui adaptar o código do lightbox para passar parametros de um form para uma página de resultado sem que precise fechar a div do lightbox que está aberta.

 

Pra quem não conhece ou quer um exemplo pode ver no seguinte link:

 

http://particletree.com/examples/lightbox/

 

Só que aquele formulário do terceiro link não está passando o valor para a próxima página.

 

Agradeço desde já.

Compartilhar este post

Link para o post
Compartilhar em outros sites

benck    2

benck
Postado

Amigo, se te entendi bem a reposta para a sua pergunta é a utilização do ajax... aí poderia tranqüilamente funcionar... existe um fórum específico sobre ajax aqui no imasters, vai te dar uma boa ajuda... também tem bons artigos...

Fiz um código que dá para usar dentro da div do lightbox... aí vai...

 

<?php	if($_GET["usuario"]) {		$usuario = $_GET["usuario"];		$senha   = $_GET["senha"];		echo "<center>Usuario: $usuario Senha: $senha</center>";		exit;	}?><html><head><title>Ajax</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script>	function openAjax() {		var ajax;		try{		ajax = new XMLHttpRequest(); // XMLHttpRequest para browsers decentes, como: Firefox, Safari, dentre outros.	}catch(ee){		try{			ajax = new ActiveXObject("Msxml2.XMLHTTP"); // Para o IE da MS		}catch(e){			try{				ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Para o IE da MS			}catch(E){				ajax = false;			}		}	}	return ajax;	}function visualiza() {	var usuario = document.getElementById('usuario').value;	var senha = document.getElementById('senha').value;	var termo = "usuario=" + usuario + "&" + "senha=" + senha;	var exibeResultado = document.getElementById('resultado');	var ajax = openAjax();	ajax.open("GET", "ajax.php?" + termo, true);	ajax.onreadystatechange = function() {		if(ajax.readyState == 1) {			exibeResultado.innerHTML = '<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Wait, loading...</font> </div>';		}		if(ajax.readyState == 4) { // Quando estiver tudo pronto.			if(ajax.status == 200) {				var resultado = ajax.responseText; // Coloca o resultado (da busca) retornado pelo Ajax nessa variável (var resultado).				resultado = resultado.replace(/\+/g," "); // Resolve o problema dos acentos (saiba mais aqui: http://www.plugsites.net/leandro/?p=4)				resultado = unescape(resultado); // Resolve o problema dos acentos				exibeResultado.innerHTML = resultado;			} else {				exibeResultado.innerHTML = "Erro: ";			}		}	}	ajax.send(null); // submete}</script></head><body>		  <div align="center">		<p>Usuário: 		  <input name="usuario" type="text" id="usuario"></p>		<p>Senha:			  <input name="senha" type="text" id="senha"> 		</p>		<p>		  <input type="button" name="Submit" value="Botão" onClick="visualiza();">	  		  </p>	  </div>	<div id="resultado"></div></body></html>

utilizei ajax com o método get para você visualizar melhor. o que faço ai é enviar os campos de texto para uma validação em php que mostra o valor digitado na tela, que no caso poderia ser uma inclusão no banco, uma validação ou qualquer outra coisa que você queira.

 

Valeu!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito