Renato Penna Postado Outubro 1, 2014 Denunciar Share Postado Outubro 1, 2014 Porque ao carregar o documento a div não esconde ? Quando o docmento inicia estou vendo a mensagem da div. O que há de errado com o código? <html> <head> <title>Salvando dados usando Ajax / Jquery</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript"> $("document").ready(function(){ var data = { "action": "teste"; }; data = $(this).serialize()+"&"+$param(data); $.ajax({ type:"POST", dataType:"json", url:"recebe_dados.php", data:data, sucess:function(data){ $("msg_retorno").fadeIn("slow"); } }) $("msg_retorno").hide(); }) setTimeout( "jQuery('#msg_retorno').fadeOut('slow');",3000 ); </script> </head> <body> <form class="formulario" action="salvar_dados.php"> <div class="msg_retorno">Dados alvos com sucesso!</div> </form> </body> </html> Desde já agradeço a todos. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Sandro2011 Postado Outubro 1, 2014 Denunciar Share Postado Outubro 1, 2014 ou você faz isso (faltou o ponto...) $(".msg_retorno").hide(); ou <div class="msg_retorno" style="display: hide;">Dados alvos com sucesso!</div> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Renato Penna Postado Outubro 1, 2014 Autor Denunciar Share Postado Outubro 1, 2014 Po fera, não funcionou não. Tentei dos dois jeitos mas continuo vendo a mensagem ao carregar a página O código ficou assim: <html> <head> <title>Salvando dados usando Ajax / Jquery</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript"> $("document").ready(function(){ var data = { "action": "teste"; }; data = $(this).serialize()+"&"+$param(data); $.ajax({ type:"POST", dataType:"json", url:"recebe_dados.php", data:data, sucess:function(data){ $(".msg_retorno").fadeIn("slow"); } }) $(".msg_retorno").hide(); }) setTimeout( "jQuery('.msg_retorno').fadeOut('slow');",3000 ); </script> </head> <body> <form class="formulario" action="salvar_dados.php"> <!-- <div class="msg_retorno">Dados alvos com sucesso!</div> --> <div class="msg_retorno" style="display: hide;">Dados alvos com sucesso!</div> </form> </body> </html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Sandro2011 Postado Outubro 1, 2014 Denunciar Share Postado Outubro 1, 2014 Mals, errei: <div class="msg_retorno" style="display: none ;">Dados alvos com sucesso!</div> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Renato Penna Postado Outubro 1, 2014 Autor Denunciar Share Postado Outubro 1, 2014 Valeu, deu certo! Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Renato Penna
Porque ao carregar o documento a div não esconde ? Quando o docmento inicia estou vendo a mensagem da div. O que há de errado com o código?
<html> <head> <title>Salvando dados usando Ajax / Jquery</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript"> $("document").ready(function(){ var data = { "action": "teste"; }; data = $(this).serialize()+"&"+$param(data); $.ajax({ type:"POST", dataType:"json", url:"recebe_dados.php", data:data, sucess:function(data){ $("msg_retorno").fadeIn("slow"); } }) $("msg_retorno").hide(); }) setTimeout( "jQuery('#msg_retorno').fadeOut('slow');",3000 ); </script> </head> <body> <form class="formulario" action="salvar_dados.php"> <div class="msg_retorno">Dados alvos com sucesso!</div> </form> </body> </html>Link para o comentário
Compartilhar em outros sites
4 respostass 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.