Jump to content

Archived

This topic is now archived and is closed to further replies.

Orides Tomkiel Zmovirzynsk

Formulário com Lightbox e AjaxBox.

Recommended Posts

Olá Pessoal,

 

Eu tava a uns dias querendo fazer um formulario para que fosse processado usando o Lightbox, até tem algumas maneiras de fazer isto postadas no site lightbox-gone-wild, mas não fica catolicamente perfeito( eu não consegui fazer rodar nenhuma ), então como eu já conhecia o AjaxBox e suas funcionalidades, pensei se era possivel juntar os dois para aparecer o formulário com o Lightbox e processar com o AjaxBox, pois não é que saiu alguma coisa, bom eu não vou explicar o código por que estou sem tempo mesmo, mas tá ai código pronto para download, é só descompactar e sair usando. nele tem um formulário para envio de email, mas você pode fazer um formulário para busca, para inserção de dados, e o que mais você tiver imaginação. No site do AjaxBox tem vários exemplos de como utiliza-lo e tambem a sua documentação.

 

Clique aqui para ver o Código funcionando.

 

Clique aqui para baixar o Código.

 

 

Atenciosamente,

 

Orides Tomkiel Zmovirzynski

orides@midiaville.com.br

www.midiaville.com.br

Share this post


Link to post
Share on other sites

Olá, desculpe ressucitar o tópico, mas estou com algumas dúvidas.

 

Estou tentando utilizar este script, está ocorrendo um pequeno problema.

Quando insiro dentro da página principal, o lightbox abre normalmente. Quando insiro em uma página externa que é inserida via ajax, ela não funciona...

 

Para ilustrar melhor

Aqui funciona...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Formulario com Lightbox e AjaxBox</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="robots" content="index, follow" />
<link rel="stylesheet" href="css/lightbox.css" media="screen" type="text/css" />
<link rel="stylesheet" href="css/main.css" media="screen" type="text/css" />
<script src="scripts/prototype.js" type="text/javascript"></script>
<script src="scripts/lightbox.js" type="text/javascript"></script>
<script src="scripts/ajaxbox.js" type="text/javascript"></script>
<script src="scripts/link.js" type="text/javascript"></script>
<script type="text/javascript">
		  var formAjax_Demo = new AjaxBox(
			  'divDemo'
			  ,'post'
			  ,'enviado.php'
			  ,'formDemo'
			  ,'classDemo'
			  ,'classRequerido'
			  ,'classNormal'
			  ,false
			  ,''
			  ,''
			  ,''
		  );
</script>
</head>
<body>
<div id="container">
	<div id="head"></div>
	<div id="menu">
			<ul>
				<li><a href="java script:link('inicio.html','main');">Página Inicial</a></li>
				<li><a href="java script:link('inicio.html','main');">Quem Somos</a></li>
				<li><a href="java script:link('programacao.html','main');">Programação</a></li>
				<li><a href="java script:link('inicio.html','main');">Boletim Informativo</a></li>
				<li><a href="java script:link('inicio.html','main');">Fale Conosco</a></li>																
			</ul>
		</div>
	<div id="main">
		<div id="content"> 
						<div id="imagem">
							<img src="images/jornada01.png" class="clear" width="160" />
							<img src="images/jornada02.png" class="clear" width="160" />
							<img src="images/jornada03.png" class="clear" width="160" />
							<img src="images/jornada04.png" class="clear" width="160" />
						</div>
						<p class="p">O Grupo Ideal - Grupo Interdisciplinar de Desenvolvimento em Estudos Avançados e Longevidade - é uma empresa idealizadora de eventos técnico-científicos da área da saúde, que tem como objetivo a atualização e reciclagem de profissionais de forma abrangente e acessível</p>
						<p class="p">A abordagem multidisciplinar permite um intercâmbio de informações entre profissionais de diversas áreas relacionadas ao tema. E o enfoque não só nas interfaces teóricas, mas também nas dimensões práticas dos tópicos abordados,  conferem aos nossos eventos uma abrangência e dinâmica únicas. </p><a href="images/oficina_nutri_large.jpg" class="lbOn"><img src="images/oficina_nutri_thumb.jpg" alt="Clique para ampliar a imagem" width="150" height="106" /></a>
		</div>
	</div>
	<div id="rodape">
		Todos os direitos reservados ao Grupo Ideal - Desenvolvido por Fernando Minoru Baba
	</div>
</div>
</body>
</html>

Aqui não funciona...

<div id="content">
  <div id="img_next_event">
	<center><img src="/imagens/proximos_eventos.png" class="next_event"  /></center>
	</div>
	<br /><hr>

	<h3>.:Oficina de Avaliação Nutricional</h3>
	<table width="673px" border="0" cellspacing="3" cellpadding="3">
	  <tr>
		<td width="527"><span class="p_programacao">Data: 08.11.2008 <br />
			Local:Hospital do Servidor Público Estadual<br />
			Valor: R$60,00<br />
			Descontos: Sócios SBGG - Funcionários do HSPE - Estudantes 25%<br />
			Forma de pagamento: Depósito Bancário<br />
			Dados do banco: Caixa Econômica Federal: Ag. 0252 C/Poupança: 01.300.173.962-2<br />
			Enviar comprovante de pagamento para o FAX: (11) 5088-8631<br />
			Ficha de inscrição:<a href="form.php" class="lbOn"> </span></td>
		<td width="145"><a href="images/oficina_nutri_large.jpg" class="lbOn"><img src="images/oficina_nutri_thumb.jpg" alt="Clique para ampliar a imagem" width="150" height="106" /></a></td>
	  </tr>
	</table>
	<hr>
	
  <h3>.:I Jornada Interativa de Avaliação e Tratamento de Feridas</h3>
	<table width="673px" border="0" cellspacing="3" cellpadding="3">
	  <tr>
		<td width="527"><span class="p_programacao">Data: 29.11.2008 <br />
			Local:Hospital do Servidor Público Estadual<br />
			Valor: R$60,00<br />
			Descontos: Sócios SBGG - Funcionários do HSPE - Estudantes 25%<br />
			Forma de pagamento: Depósito Bancário<br />
			Dados do banco: Caixa Econômica Federal: Ag. 0252 C/Poupança: 01.300.173.962-2<br />
			Enviar comprovante de pagamento para o FAX: (11) 5088-8631<br />
			Ficha de inscrição: <a href="#">Clique Aqui</a></span></td>
		<td width="145"><a href="images/oficina_nutri_large.jpg" rel="lightbox"><img src="images/tratamento_de_feridas_thumb.jpg" alt="Clique para ampliar a imagem" width="150" height="106" /></</td>
	  </tr>
	</table>  
</div>

Se alguém puder me esclarecer eu agradeço mto!!!

vlw!

Share this post


Link to post
Share on other sites

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.