Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''sem refresh''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 2 registros

  1. Olá meus Jovens, trazendo um tópico aqui pra quem quer criar um formulário para contato quando para cadastro de usuário ou outra coisa sem atualizar a página! Primeiramente Vamos criar nosso formulário <form id="envia_msg" action="" method="POST"> <input type="text" name="nome" placeholder="Nome..." required> <br /> <input type="text" name="email" placeholder="E-mail..." required> <br> <textarea name="msg" placeholder="Sua Mensagem..." required></textarea> <br /> <button type="submit" >Enviar</button> </form> <p id="resultado"></p> Dei o id para o form e deixei a ação em branco usando o method POST .. Muito importante essas configurações. Vocês devem ter reparado o paragrafo em baixo do Form, este paragrafo é aonde ira aparecer a mensagem para o usuário caso ocorra tudo certo, e ele também recebeu um id. Agora vamos incluir o Jquery em nossa página, sem ele não funciona, vai por mim!!! <script type="text/javascript" href="https://code.jquery.com/jquery-3.2.1.min.js" ></script> Agora vamos pro Javascript, o javascript vai ter a função de enviar os dados e mostrar a mensagem! $(function(){ $('#envia_msg').submit(function(event){ event.preventDefault(); var formDados = new FormData($(this)[0]); $.ajax({ url:'envia_msg.php', type:'POST', data:formDados, cache:false, contentType:false, processData:false, success:function (data) {document.getElementById('resultado').innerHTML = 'Enviado! Em breve Entraremos em contato.'; $('#envia_msg').each (function(){ this.reset(); }); }, dataType:'html' }); return false; }); }); Então apos o formulario que tem o id envia_msg for submetido ele cria uma função event que pega os dados do formulario, e passa para o $.ajax enviar os dados para a página envia_msg.php que ainda vamos criar, apos enviado o success entra em ação criando uma niva function, que mostra a mensagem "Enviado! Em breve entraremos em contato."... e Pronto dados enviado sem atualizar a página! --- A Parte "dificil foi feita" -- Agora vamos tratar com carinho os dados enviado para a página envia_msg.php vamos recebe-los e inserir no banco de dados. isso com , a linguagem mais top de todas!! PHP kkk <?php $host = "localhost"; $user = "root"; $senha = ""; $db = "tabela"; $conn = mysqli_connect($host, $user, $senha, $db); $nome = $_POST['nome']; $email = $_POST['email']; $msg = $_POST['msg']; $sql = "INSERT INTO `contato` (`nome`,`email`,`msg`) VALUES ('{$nome}','{$email}','{$msg}')"; $conn->query($sql); ?> E PRONTO CABOUUU!! VAALLEEUUU
  2. greg_kaippert

    Atualizar somente tabela ou div com ajax

    Boa tarde galera! Estou com uma dúvida, preciso ativar e desativar um registro com ajax, porém sem refresh. Porque eu uso MENU ACCORDION, aí se atualizar a página, volta no inicio da página, então eu preciso que atualiza essa tabela sem refresh, para não sair do menu ACCORDION. O código já está todo funcionando, eu só preciso dessa parte de atualizar somente a tabela. Alguém poderia me explicar ? Brigado aí galera. Meu index.php: <table> <thead> <tr style="height:50px"> <td></td> <td></td> <td><span style="margin-left:40px; font-size:18px;">Status</span></td> <td></td> </tr> </thead> <?php while($lista = $resu->fetch(PDO::FETCH_ASSOC)) { ?> <tr> <td> <!-- inicio do visualizar instalacao --> <a href="<?php echo $lista['id_instalacao']; ?>" id="<?php echo $lista['id_instalacao']; ?>" class="obsCli"> <img src="[url=http://localhost/wordpress/wp-content/themes/onetone/images/images/edit.png]http://localhost/wordpress/wp-content/themes/onetone/images/images/edit.png[/url]" title="Visualizar instalação"></a> </td> <td> <span style="margin-left:20px;"> Instalação: <?php echo $lista['nome_cliente']; ?> </span> </td> <td> <span style="margin-left:20px;"> <?php if ($lista['status'] == 1) { ?> <span style="color:#006; margin-left:20px;">ATIVADO</span> <?php } else { ?> <span style="color:#F00; margin-left:20px;">DESATIVADO</span> <?php }?> </span> </td> <td> <span style="margin-left:100px;"> <?php if ($lista['status'] == 1) { ?> <a href="#" id="<?php echo $lista['id_instalacao']; ?>" class="desativa"><img src="[url=http://localhost/wordpress/wp-content/themes/onetone/images/images/ativar.png]http://localhost/wordpress/wp-content/themes/onetone/images/images/ativar.png[/url]" title="Desativar Instalação"></a> <?php } else { ?> <a href="#" id="<?php echo $lista['id_instalacao']; ?>" class="ativa"><img src="[url=http://localhost/wordpress/wp-content/themes/onetone/images/images/desativar.png]http://localhost/wordpress/wp-content/themes/onetone/images/images/desativar.png[/url]" title="Ativar Instalação"></a> <?php } ?> </span> </td> </tr> <?php } ?> </table> Meu código para ATIVAR e DESATIVAR com AJAX: $(document).ready(function() { $('#msg_ativ').hide(); }); $(function() { $('.ativa').on('click', function(){ $('#msg_ativ').fadeIn(); var id = this.id; $.ajax({ type: "POST", url: "[url=http://localhost/wordpress/wp-content/themes/onetone/accordion/ativa_desa.php]http://localhost/wordpress/wp-content/themes/onetone/accordion/ativa_desa.php",[/url] data: {id: id}, success: function( data ) { $("#ativado").fadeIn(1000); $("#ativado").html("Ativado!"); $('#msg_ativ').fadeOut(1000); location.reload("table"); //alert(data); } }); return false; }); }); $(document).ready(function(){ $('.desativa').on('click',function(){ var id1 = this.id; $.ajax({ type: "POST", url: "[url=http://localhost/wordpress/wp-content/themes/onetone/accordion/ativa_desa.php]http://localhost/wordpress/wp-content/themes/onetone/accordion/ativa_desa.php",[/url] data: {id1: id1}, success: function( data ) { $("#desativado").fadeIn(1000); $("#desativado").html("Desativado!"); location.reload("table"); //alert(data); } }); return false; }); }); E a página que eu pego as informações: <?php include("conexao.php"); try{ $id = $user_ID; $resu = $pdo->query("SELECT g.id_grupo, g.nome_grupo, g.ID, w.ID FROM cad_grupo g, wp_VzQCxSJv7uL_users w WHERE g.ID = w.ID and g.ID = $id"); } catch(Exception $e) { print "ERRO!:". $e->getMessage() . "<br>"; die(); } ?> <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> <script> $(document).ready(function(){ // Evento change no campo tipo $("select[name=nome_grupo]").change(function(){ // Exibimos no campo marca antes de concluirmos $("select[id=clientes]").html('<option value="">Carregando...</option>'); // Exibimos no campo marca antes de selecionamos a marca, serve também em caso // do usuario ja ter selecionado o tipo e resolveu trocar, com isso limpamos a // seleção antiga caso tenha feito. $("div[id=id_instalacao]").html(''); // Passando tipo por parametro para a pagina ajax-marca.php $.post("[url=http://localhost/wordpress/wp-content/themes/onetone/accordion/dados.php]http://localhost/wordpress/wp-content/themes/onetone/accordion/dados.php",[/url] {id:$(this).val()}, // Carregamos o resultado acima para o campo marca function(valor){ $("select[id=clientes]").html(valor); } ) }) // Evento change no campo marca $("select[id=clientes]").change(function(){ // Exibimos no campo modelo antes de concluirmos $("div[id=id_instalacao]").html('<option value="">Carregando...</option>'); // Passanddo marca por parametro para a pagina ajax-modelo.php $.post("[url=http://localhost/wordpress/wp-content/themes/onetone/accordion/dados1.php]http://localhost/wordpress/wp-content/themes/onetone/accordion/dados1.php",[/url] {id:$(this).val()}, // Carregamos o resultado acima para o campo modelo function(valor){ $("div[id=id_instalacao]").html(valor); } ) }) }) </script> </head> <body> <div class="alinhar dados_controle"> <form name="listadados" id="listadados" action=""> Grupo: <select name="nome_grupo" id="grupo"> <option value="">Escolha o grupo</option> <?php while($resut = $resu->fetch(PDO::FETCH_ASSOC)) { ?> <option value="<?php echo $resut['id_grupo']; ?>"><?php echo $resut['nome_grupo']; ?></option> <?php } ?> </select> <br><br> Clientes: <select name="nome_cliente" id="clientes"></select> <br><br> Instalações: <div id="id_instalacao"></div> <!-- Essa DIV aqui que é da TABELA, preciso que atualize essa --> </form> </div> </body> </html> Qualquer dúvida, eu explico melhor, caso não tenha sido claro.
×

Informação importante

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