Caciola
-
Total de itens
1 -
Registro em
-
Última visita
Sobre Caciola
Caciola's Achievements
0
Reputação
-
Boa tarde a todos! Esse é meu primeiro acesso, e gostaria de agradecer pela oportunidade. Bom, estou com problemas em o JQuery, ocorre criei um html (index.html) que utiliza-se de JQuery Ajax para validar algumas entradas, e as resposta são mostradas em uma div no próprio formulário, até tudo bem, está tudo funcionando, mas se eu chamar esse html (index.html) de dentro de um outro html, para ser exibido em uma outra div, ele é mostrado, mas seu comportamento é estranho, é como se ele não reconhecesse mais o endereço da div para retornar os resultados das validações... Será que consegui me explicar? Vou mostrar o código: index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ContatoHtml</title> <script type="text/javascript" src="js/jquery-1.3.1.js"></script> <script type="text/javascript" src="js/jquery.form.js"></script> <link rel="stylesheet" type="text/css" href="css/contato.css" /> <script type="text/javascript"> <!-- $(function() { $('#Contato').ajaxForm({ target: '#error', success: function() { $('#error').fadeIn('slow'); } }); }); --> </script> <style type="text/css"> <!-- #apDiv1 { background-image:url(images/contato2.gif); background-repeat: no-repeat; background-position:left; height: 388px; width: 429px; position:absolute; left:37px; top:34px; z-index:1; } #apDiv2 { position:absolute; left:33px; top:25px; width:378px; height:259px; z-index:2; } #apDiv3 { position:absolute; left:32px; top:25px; width:106px; height:173px; z-index:2; } #error { position:absolute; left:36px; top:280px; width:339px; height:92px;/* z-index:2; */ } --> </style> </head> <body> <center> <div > <form id="Contato" action="submitemail.php" method="post"> <div id="apDiv1"> <div id="apDiv2"> <label>Nome </label><INPUT class="textbox" type="text" name="name" value=""><br /> <label>Empresa </label><INPUT class="textbox" type="text" name="empresa" value=""><br /> <label>Telefone </label><INPUT class="textbox" type="text" name="fone" value=""><br /> <label>E-Mail </label><INPUT class="textbox" type="text" name="email" value=""><br /> <label>Assunto </label><INPUT class="textbox" type="text" name="assunto" value=""><br /> <label>Mensagem </label><TEXTAREA class="textbox" NAME="message" ROWS="5" COLS="35"></TEXTAREA><br /> <INPUT class="button" type="submit" name="submit" value="Enviar"> </div> <div class="resposta" id="error" ></div> </div> </form> </div> </center> </body> </html> O arquivo acima funciona corretamente, não esqueçam de inserir os .js do JQuery... submitemail.php <? /************************ * Variables you can change *************************/ $mailto = "teste@site.com.br"; $cc = ""; $bcc = ""; $subject = "Assunto da mensagem"; /************************ * do not modify anything below unless you know PHP/HTML/XHTML *************************/ $email = $_POST['email']; function validateEmail($email) { if(eregi('^[a-zA-Z0-9._-]+@[a-zA-Z0-9-]+\.[a-zA-Z]{2,4}(\.[a-zA-Z]{2,3})?(\.[a-zA-Z]{2,3})?$', $email)) return true; else return false; } if((strlen($_POST['assunto']) < 1 ) || (strlen($_POST['name']) < 1 ) || (strlen($email) < 1 ) || (strlen($_POST['message']) < 1 ) || validateEmail($email) == FALSE){ $emailerror .= 'Erro:<br />'; if(strlen($_POST['name']) < 1 ){ $emailerror .= 'Digite seu Nome'; } if(strlen($_POST['assunto']) < 1 ){ if (strlen($emailerror) > 11) $emailerror .= ', Assunto'; else $emailerror .= 'Informe o assunto'; } if(strlen($email) < 1 ){ if (strlen($emailerror) > 11) $emailerror .= ', E-Mail'; else $emailerror .= 'Digite seu endereço de e-mail'; } if(validateEmail($email) == FALSE) { if (strlen($emailerror) > 11) $emailerror .= ', Corriga seu E-Mail'; else $emailerror .= 'E-mail inválido'; } if(strlen($_POST['message']) < 1 ){ if (strlen($emailerror) > 11) $emailerror .= ', Sua mensagem'; else $emailerror .= 'Digite sua mensagem'; } $emailerror .= ' e tente novamente.'; } else { $emailerror .= "Seu E-Mail foi enviado com sucesso!"; $timestamp = date("d-m-Y - h:i:s A"); $ip = $_SERVER['REMOTE_ADDR']; $host = $_SERVER['REMOTE_HOST']; $user = $_SERVER['REMOTE_USER']; $servername = $_SERVER['SERVER_NAME']; $agente = $_SERVER['HTTP_USER_AGENT']; $messageproper ="\n\n" . "Data: " . $timestamp . "\n" . "Name: " . ucwords($_POST['name']) . "\n" . "Empresa: " . $_POST['empresa'] . "\n" . "Telefone: " . $_POST['fone'] . "\n" . "Email: " . $email . "\n" . "Assunto: " . $_POST['assunto'] . "\n" . "Mensagem: " . $_POST['message'] . "\n" . "\n\n" . "Endereço IP: " . $ip . "\n" . "Host: " . $host . "\n" . "User: " . $user . "\n" . "Agente: " . $agente . "\n" . "Server Name: " . $servername . "\n" . "\n\n"; $messageproper = trim(stripslashes($messageproper)); mail($mailto, $subject, $messageproper, "From: \"$vname\" <".$_POST['e_mail'].">\nReply-To: \"".ucwords($_POST['first_name'])."\" <".$_POST['e_mail'].">\nX-Mailer: PHP/" . phpversion() ); } ?> <div id='emailerror'> <ul> <? echo $emailerror; ?> </ul> </div> Bom, agora o HTML que chama o index.html em uma div... é ai que o problema se apresenta... testeJQuery.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="js/jquery-1.3.1.js"></script> <script type="text/javascript" src="js/jquery.form.js"></script> <script type="text/javascript"> $(function(){ $("button") .click(function(){ $("#content").load("index.html"); }); }); </script> <style type="text/css"> #content { background: #efefef; padding: 15px; } </style> </head> <body> <p> <button>Atualizar conteúdo</button> </p> <div id="content">Clique no botão!</div> </body> </html> Será que alguém tem uma luz? Desde há lhes agradeço por qualquer ajuda. []'s bye Caciola.