Ir para conteúdo

Arquivado

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

wanderson.PHW

Fechar colorbox ao preencher e enviar formulário

Recommended Posts

fiz um formulário pop up com o colorbox --->> clique aqui para ver o meu formulário pronto

 

mas tem um detalhe importante: ao preecher o formulário e clicar em enviar, o popup deveria fechar e abrir a pagina de agradecimento, mas não está fazendo essa função, segue abaixo os codigos do pop up colorbox

 

Esse é o script :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="js/jquery.colorbox.js"></script>
		<script>
			$(document).ready(function(){
				//Examples of how to assign the Colorbox event to elements
				
				$(".iframe").colorbox({iframe:true, width:"400px", height:"300px"});
				
				$(".callbacks").colorbox({
					onOpen:function(){ alert('onOpen: colorbox is about to open'); },
					onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
					onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
					
					
				});

				
				//Example of preserving a JavaScript event for inline calls.
				$("#click").click(function(){ 
					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
					
					return false;
					
				});
				
			});
		</script>

esse é o comando que abre o pop up dentro do menu:

<td><a class="iframe" href="formulario.asp" ><img src="Images/menu_r2_c2.jpg" name="Image34" width="62" height="24" border="0" id="Image34" /></a>

esse é código do formulario:

<html>
<head>
<title></title>

<%
session("dados_ok") = "S"
%>
<style type="text/css">
<!--




<style type="text/css">

 
*{
 text-decoration:none;
 }
<!--
</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {display: block;}.style1 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style2 {	font-size: 24px;
	color: #003366;
}
.style6 {font-size: 9px}
</style>




<style type="text/css">
td img {display: block;}body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style2 {font-size: 10px}
.style7 {color: #000000}
.style13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003366;
}
.style14 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; font-weight: bold; }
.style19 {
	color: #FF0000;
	font-size: 11px;
}
.style20 {color: #666666}
.style22 {color: #003366}
</style>
<!--Fireworks CS6 Dreamweaver CS6 target.  Created Sat Mar 07 09:49:23 GMT-0300 (Hora oficial do Brasil) 2015-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body width="361" height=" 100">
<center>
<table width="361" border="0" cellpadding="0" cellspacing="0" bordercolor="#575757" bgcolor="" style="display: inline-table;">
<!-- fwtable fwsrc="art.fw.png" fwpage="Página 1" fwbase="art.jpg" fwstyle="Dreamweaver" fwdocid = "1962855546" fwnested="0" -->
 
   <table width="361" height="250" border="0" bgcolor="#FFFFFF">
  <tr>
    <td height="150" colspan="0" valign="top"><div align="justify">
      <p class="style1"><font size="2" face="Verdana"><font color="#003366"><a name="formulario" id="formulario"></a>
            <script language="JavaScript" type="text/javascript">

<!--

function validar(theForm)
{

  // Verifica se o campo E-mail está preenchido

  if (theForm.email.value == "")

  {

    alert("Favor preencher o campo \"e-mail\".");

    theForm.email.focus();

    return (false);

  }

// Verifica se o campo Comentário está preenchido

  if (theForm.senha.value == "")

  {

    alert("Favor preencher o campo \"Senha\".");

    theForm.senha.focus();

   	return (false);

  }

}		

//-->

                    </script>
            <script language="JavaScript" type="text/javascript"> 
function confere(){
if (document.theForm.email.value.indexOf('@', 0) == -1 || document.theForm.email.value.indexOf('.', 0) == -1){ alert("E-mail invalido!");
	return false;
	}
}  
function is_email(email){
	er = /^[a-zA-Z0-9][a-zA-Z0-9\._-]+@([a-zA-Z0-9\._-]+\.)[a-zA-Z-0-9]{2}/; 
	if( !er.exec(email) )
	{
		
}
            </script>
            <script type="text/javascript">

  var backup = new Array

  function check_alpha(val,name) {
	var goodChars = "0123456789abcdefghijklmnopqrstuxywvz"
 	var errors = 0
	var isOk = 1
	for(var i=0;i<val.length;i++) {
		isOk = 1
		for(var j=0;j<goodChars.length;j++) {
			if(goodChars.charAt(j) == val.charAt(i)) {
          			isOk = 0
       			}	
      		}
      		if(isOk == 1) {
			errors++
			break;
      		}
    	}
	if(errors > 0) {
		if(backup[name]) {
			document.getElementById(name).value = backup[name]
		}
		else {
			document.getElementById(name).value = ""
		}
	}
	else {
		backup[name] = val
	}
	
  }

            </script>
            <font color="#003366"><a name="formulario" id="formulario"></a></font><font size="2" face="Verdana">
            <style>

.form {font-size: 11px; font-family: Tahoma; color: #333333; background-color: #E3E3E3; border: #666666 1px double;}
.botao {font-size: 11px; font-family: Tahoma; color: #333333;}

                    </style>
            </font></font></font><font color="#003366" size="2" face="Verdana, Arial, Helvetica, sans-serif">
      <input type="hidden" name="subject" value="Cadastro POP UP" />
      <input type="hidden" name="recipient" value="destinatario" />
      <input type="hidden" name="redirect" value="pagina de destino" />
            </font>      </p>
      <p align="center" class="style1"> </p>
    </div>
	<form action="enviar_mensagem.asp?sessao=<%=session("dados_ok")%>" name="theForm" method="post" align="center" onSubmit="return validar(theForm)">
      <center>
        <p class="style14">Preencha o formulário para acessar<br />
        Nossas ofertas e promoções.</p>
      </center>
	
	<table width="361" border="0" align="center" cellpadding="0" cellspacing="4">
      <tr>
        <td align="right"><span class="style13">Nome<span class="style19">*</span>:</span></td>
        <td align="left"><font size="2" face="Verdana">
          <input name="nome" type="nome" class="form" id="nome" size="35" maxlength="60" onChange="check_alpha(this.value,this.id)" onKeyUp="check_alpha(this.value,this.id)">
        </font></td>
      </tr>
      <tr>
        <td width="30%" align="right" valign="top"><div align="right"><span class="style22"><font face="Verdana" size="2">E-mail</font></span><span class="style19">*</span><font face="Verdana" size="2">:</font></div></td>
		
		        <td width="70%" align="left"><font size="2" face="Verdana">
          <input name="email" type="email" class="form" id="email" size="35" maxlength="60" onblur="confere()" onkeyup="this.value = this.value.toLowerCase();" />
          <br />
                </font><font face="Verdana"><span class="style2 style7"><span class="style2 style20"><span class="style6">(Digite um e-mail válido)</span></span></span></font> </td>
      </tr>
      <tr>
        <td width="30%" align="right" valign="top"><div align="right"><span class="style22"><font size="2" face="Verdana">Cadastre uma senha</font></span><span class="style19">*</span><font size="2" face="Verdana">:</font></div></td>
        <td width="70%" align="left"><font size="2" face="Verdana">
          <input name="senha" type="password" class="form" id="senha" size="35" maxlength="60" onChange="check_alpha(this.value,this.id)" onKeyUp="check_alpha(this.value,this.id)">
          <br />
        </font><font face="Verdana"><span class="style2 style7"><span class="style2 style20"><span class="style6">(Digite uma senha com letras e números)</span></span></span></font></td>
      </tr>
      <tr>
        <td width="30%" height="35"> </td>
        <td width="70%" align="left" valign="bottom"><font size="2" face="Verdana">
          <input name="submit" type="submit" class="botao" onmouseover="window.status='Certifique-se que as informações estão corretas, e aperte o botão para envia-las';return false" onmouseout="window.status=('Tecnologia, GR Eletronic's!')" value="Prosseguir" />
            
          <input name="submit" type="submit" class="botao" onmouseover="window.status='Certifique-se que as informações estão corretas, e aperte o botão para envia-las';return false" onmouseout="window.status=('Tecnologia, GR Eletronic's!')" value="Já sou cadastrado" />
        </font></td>
      </tr>
    </table>
</body>
</form>

</html>

e esse os comandos de envio de e-mail do formulário:

<%

session("dados_ok") = request.QueryString("sessao")

sch = "http://schemas.microsoft.com/cdo/configuration/"
Set cdoConfig = Server.CreateObject("CDO.Configuration")


'Variaveis
Dim meuservidorsmtp
Dim minhacontaautenticada
Dim minhasenhaparaenvio
Dim emailorigem
Dim emaildestino
Dim email

'Abaixo seguem algumas definicoes de variaveis para o envio de seu formulario. Por favor preencha os campos abaixo.

meuservidorsmtp = "smtp.dominio.com.br" ' Informacoes so seu servidor SMTP
minhacontaautenticada = "email que envia" ' conta de e-mail utilizada para enviar
minhasenhaparaenvio = "minha senha" ' senha da conta de e-mail
emailorigem = "email que envia" ' e-mail que indica de onde partiu a mensagem
'emailorigem = request.Form("email") ' e-mail que indica de onde partiu a mensagem
emaildestino = "destinatario" ' e-mail que vai receber as mensagens do formulario

'Fim da definição manual de parâmetros.

cdoConfig.Fields.Item(sch & "sendusing") = 2
cdoConfig.Fields.Item(sch & "smtpauthenticate") = 1
cdoConfig.Fields.Item(sch & "smtpserver") = meuservidorsmtp
cdoConfig.Fields.Item(sch & "smtpserverport") = 587
cdoConfig.Fields.Item(sch & "smtpconnectiontimeout") = 30
cdoConfig.Fields.Item(sch & "sendusername") = minhacontaautenticada
cdoConfig.Fields.Item(sch & "sendpassword") = minhasenhaparaenvio
cdoConfig.fields.update
Set cdoMessage = Server.CreateObject("CDO.Message")
Set cdoMessage.Configuration = cdoConfig

cdoMessage.BodyPart.Charset = "iso-8859-1"
cdoMessage.From = emailorigem
cdoMessage.To = emaildestino
cdoMessage.Subject = "Cadastro POP UP"
cdoMessage.ReplyTo = Request("email")

strBody = "Dados do Formulario <br> <br>" & _
"Nome :"& Request("nome")& "<br><br>" & _
"E-Mail :"& Request("email")& "<br><br>" & _
"Senha: "& Request("senha")
strBody = strBody & "."
cdoMessage.HTMLBody = strBody

cdoMessage.Send

Set cdoMessage = Nothing
Set cdoConfig = Nothing

response.Redirect("index.asp")
%>

please help me !!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por luiz0o
      Estou fazendo um projeto para faculdade, e tenho um formulário, esse formulário precisa enviar as respostas tanto para um banco de dados, mas também tem que enviar para uma API que envia para meu email, mas não sei como fazer essas duas coisas ao mesmo tempo
    • Por Sapinn
      Galera estou com um problema estranho, eu tenho um iframe que puxa um outro site meu, ele puxa normal o problema é que esse site que eu mostro no iframe possui alguns menus e botões que eu não consigo clicar neles é como se a função de clique não funcionasse, a parte mais estranha é que na minha maquina local funciona normalmente só no meu ambiente de produção que tem esse problema , como devo fazer para resolver?
    • Por Shizo_BR
      Preciso criar um iframe contendo um player, que não pare o audio enquanto navego pelo site. Vou mostrar a baixo o código que incorporei ao meu wordpress, porém não estou conseguindo fazer o "no refresh" quando mudo de pagina.
       
      <div style="position: fixed; bottom: 25px; left: 25px; z-index: 999999;"> <BR/> <BR/> <span class="radio-iframe-close" aria-label="toggle" style="font-size: 1.5rem; color: #fff; position: absolute; top: 0; background: #4e203c; padding: .25rem;">AO VIVO!</span> <iframe class="radio-iframe" src="URL Player" style="width: 314px; heigh: 31px; border: 0;" allow="autoplay; fullscreen" scrolling="no"></iframe> </div> <script type="text/javascript"> (function($) { $(function() { $('.radio-iframe-close').click(function(){ $('.radio-iframe').toggle(); }); }); })(jQuery); </script>  
    • Por rodrigomouran
      Galera, sou novo por aqui e em códigos PHP e Web, mas, tenho me virado. Porém esbarrei em um problema.
      Estou usando um banco PostgreSQL para desenvolvimento de uma aplicação simples para minha empresa onde eu quero digitar um código numérico no campo do formulário e ele me retornar 2 outros campos deste formulário preenchidos baseado no código pesquisado no banco.
      Tenho a minha página index.html com o conteúdo:
      <html> <head>   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>   <script type="text/javascript">   $(document).ready(function(){     $("input[name='usucod']").blur(function(){       var $usunom = $("input[name='usunom']");       var $pricod = $("input[name='pricod']");       $usunom.val('Carregando...');       $pricod.val('Carregando...');         $.getJSON(           'function.php',           { usucod: $( this ).val() },           function( json )           {             $usunom.val( json.usunom );             $pricod.val( json.pricod );           }         );     });   });   </script> </head> <body>   <form action="" method="post">     <label>Código: <input type="text" name="usucod" /></label>     <label>Nome: <input name="usunom" type="text" disabled="disabled" value="" /></label>     <label>Pricod: <input type="text" name="pricod" value="" /></label>   </form> </body> </html> e minha página function.php com o conteúdo:
      <?php   /**    * função que devolve em formato JSON os dados do cliente    */   function retorna( $usucod, $db )   {     $sql = "SELECT usucod, usunom, pricod FROM usuario WHERE usucod = {$usucod} ";     $query = $db->query( $sql );     $arr = Array();     if( $query->num_rows )     {       while( $dados = $query->fetch_object() )       {         $arr['usunom'] = $dados->usunom;         $arr['pricod'] = $dados->pricod;       }     }     else       $arr['usunom'] = 'não encontrado';     return json_encode( $arr );   } /* só se for enviado o parâmetro, que devolve os dados */ if( isset($_GET['usucod']) ) {   $db = pg_connect("host=XXX.XXX.XXX.XXX port=5432 dbname=banco user=usuario password=senha");   echo retorna( filter ( $_GET['usucod'] ), $db ); } function filter( $var ){   return $var; } Ao digitar o código, meus campos a serem preenchidos ficam somente com o valor 'carregando...' visível.
       
       
       
      Agradeço a ajuda!

    • Por fmcmf
      Boa tarde...
      Tenho um formulário no site e o envio é usando o PHPMailer... o email está chegando no destino.... mas o conteúdo inserido nos campos não chega.
       
      Segue o código do formulário em html:
       
      <div id="banner"> <img class="fotobanner" src="img/comprar.png" alt=""> </div> <div class="formulario"> <h3 align="center"> PREENCHA OS DADOS ABAIXO PARA CONTRATAR: </h3> <form action=”envia.php” method=”post” id=”contato”> <div class="form-group"> <label for="exampleFormControlInput1">Nome completo:</label> <input type="nome" class="form-control" id="nome" placeholder="Nome" required> </div> <div class="form-group"> <label for="exampleFormControlInput1">CPF:</label> <input type="cpf" class="form-control" id="cpfcli" placeholder="CPF" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Gênero:</label> <select class="form-control" id="generocli" required> <option>Feminino</option> <option>Masculino</option> </select> </div> <div class="form-group"> <label for="exampleFormControlInput1">Data de Nascimento (dia/mês/ano):</label> <input type="" class="form-control" id="nasccli" placeholder="Data de nascimento (dia/mês/ano)" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Estado Civil:</label> <select class="form-control" id="ecivilcli" required> <option>Casado(a)</option> <option>Solteiro(a)</option> <option>Divorciado(a)</option> <option>Viúvo(a)</option> </select> </div> <div class="form-group"> <label for="exampleFormControlTextarea1">Endereço Completo + CEP:</label> <textarea class="form-control" id="endcli" rows="3" required></textarea> </div> <div class="form-group"> <label for="exampleFormControlInput1">Celular com DDD:</label> <input type="" class="form-control" id="celcli" placeholder="Celular com DDD" required> </div> <div class="form-group"> <label for="exampleFormControlInput1">E-mail:</label> <input type="" class="form-control" id="emailcli" placeholder="E-mail" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">PLANO Desejado:</label> <select class="form-control" id="plano" required> <option>SELECT</option> <option>PLUS</option> <option>TOP</option> </select> </div> <div class="form-group"> <label for="exampleFormControlInput1">NOME do PET:</label> <input type="" class="form-control" id="nomedopet" placeholder="NOME do PET" required> </div> <div class="form-group"> <label for="exampleFormControlInput1">IDADE do PET:</label> <input type="" class="form-control" id="idadedopet" placeholder="IDADE do PET" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Tipo do PET:</label> <select class="form-control" id="tipodopet" required> <option>GATO</option> <option>CACHORRO</option> </select> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Gênero do PET:</label> <select class="form-control" id="generodopet" required> <option>FÊMEA</option> <option>MACHO</option> </select> </div> <div class="form-group"> <label for="exampleFormControlInput1">RAÇA do PET:</label> <input type="" class="form-control" id="racadopet" placeholder="RAÇA do PET" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">PORTE do PET:</label> <select class="form-control" id="portedopet" required> <option>Pequeno</option> <option>Médio</option> <option>Grande</option> </select> </div> <div class="dobotao"> <button type="submit" class="botao"> <strong>ENVIAR DADOS </strong> </button></div> </form></div> Segue o código do enviar.php
       
      <?php require 'PHPMailerAutoload.php'; require 'class.phpmailer.php'; $mailer = new PHPMailer; //$mailer->SMTPDebug = 2; // Enable verbose debug output $mailer->isSMTP(); // Set mailer to use SMTP $mailer->SMTPOptions = array( 'ssl' => array( 'verify_peer' => false, 'verify_peer_name' => false, 'allow_self_signed' => true ) ); if($_GET['acao'] = 'enviar'){ $nome = $_POST['nome']; $cpfcli = $_POST['cpfcli']; $generocli = $_POST['generocli']; $nasccli = $_POST['nasccli']; $ecivilcli = $_POST['ecivilcli']; $celcli = $_POST['celcli']; $plano = $_POST['plano']; $nomedopet = $_POST['nomedopet']; $tipodopet = $_POST['tipodopet']; $generodopet = $_POST['generodopet']; $racadopet = $_POST['racadopet']; $portedopet = $_POST['portedopet']; $mailer->Host = 'pleskl0040.hospedagemdesites.ws'; $mailer->SMTPAuth = true; // Enable SMTP authentication $mailer->IsSMTP(); $mailer->isHTML(true); // Set email format to HTML $mailer->Port = 587; // Ativar condição utf-8, para acentuação $mailer->CharSet = 'UTF-8'; $mailer->Username = 'formulario@thna.com.br'; // SMTP username $mailer->Password = '@Nathi1010'; // SMTP password // email do destinatario $address = "formulario@thna.com.br"; //$mailer->SMTPDebug = 1; $corpoMSG = "nome: $nome <br> cpf: $cpfcli <br> genero: $generocli <br> nascimento: $nasccli <br> estado: $ecivilcli <br> celular: $cel <br> plano: $plano <br> pet: $nomedopet <br> tipo: $tipodopet generopet $generodopet <br> racapet: $racadopet <br> porte: $portedopet"; $mailer->AddAddress($address, "destinatario"); $mailer->AddAddress("formulario@thna.com.br", "destinatario 2"); // 2º destinatário se querer enviar, se não, comente com // $mailer->From = 'formulario@thna.com.br'; $mailer->Sender = 'formulario@thna.com.br'; $mailer->FromName = "Site Saúde PET"; // Seu nome // assunto da mensagem $mailer->Subject = $assunto; // corpo da mensagem $mailer->MsgHTML($corpoMSG); if(!$mailer->Send()) { echo "Erro: " . $mailer->ErrorInfo; } else { echo "Mensagem enviada com sucesso!"; } } header('Location: /pet/confirmado.html');  ?> Como comentei,  o email chega... mas o conteúdo do form não chega... Segue anexo print da caixa do e-mail:
       
      Desde já agradeço.

×

Informação importante

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