Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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 AjaxBoxe 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
muito bom mesmo, já vi esse script no site www.box.net
Pior que era isto mesmo que eu estava procurando, mas tudo bem, agora ta ai feito.
parabens, bem legal o script =D
Parabens e obrigado pelo script, muito interessante!
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">](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><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>vlw!
muito bom mesmo, já vi esse script no site www.box.net