Fechar colorbox ao preencher e enviar formulário
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>" & _cdoMessage.Send
Set cdoMessage = Nothing
Set cdoConfig = Nothing
response.Redirect("index.asp")
%>
please help me !!!
Discussão (2)
Carregando comentários...