Ir para conteúdo
Fórum Script Brasil
  • 0

Problemas com JQuery

Caciola

Perguntado por Caciola,

 Share

Pergunta

Caciola

Caciola

Postado
Postado

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>

&lt;script type="text/javascript" src="js/jquery-1.3.1.js"></script> 
&lt;script type="text/javascript" src="js/jquery.form.js"></script>
<link rel="stylesheet" type="text/css" href="css/contato.css" />  

&lt;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>
&lt;script type="text/javascript" src="js/jquery-1.3.1.js"></script> 
&lt;script type="text/javascript" src="js/jquery.form.js"></script>

&lt;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.

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...