Pesquisar na Comunidade
Mostrando resultados para as tags ''ajax''.
Encontrado 104 registros
-
Gente boa noite. Estou usando o método $ajax() do jquery para fazer envio de dados. Porém o dado que estou enviando é muito grande pois é em formato base64, ou seja, milhares de linhas de código como essa abaixo: freREGeYerGeRRREYIUkbR578eYrtU+ieT45VFGYYtrFtaR/r//zz Porem este código é muito maior do que você estão vendo. Minha dúvida é: O metodo para envio de dados pelo jquery tem limite quantitativo? Existe alguma quantia limite? Sei que URL de navegador tem, obvio, mas não sei se o método ajax teria.
-
Boa tarde a todos, Não sou programadora por isso a duvida, pode parecer fácil pra uns mas eu não consigo resolver. Eu estou fazendo um formulário simples em php cujos os dados serão inseridos num banco mysql. Eu preciso que dois inputs sejam preenchidos com valores que serão buscados no banco de dados pela chave que será inserida num terceiro input. Eu busquei na internet e encontrei um script que funciona certinho quando testo, mas quando vou adaptar para o meu exemplo (que sera inserido depois no form completo) ele fica aparecendo "Carregando" mas não retorna nada. Coloquei uma query bem simples pra teste, está escrita corretamente e eu não sei o que esta acontecendo :( HALP ME Script que busquei na net <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input[name='nome']").blur(function(){ var endereco = $("input[name='endereco']"); var telefone = $("input[name='telefone']"); $( endereco ).val('Carregando...'); $( telefone ).val('Carregando...'); $.getJSON( 'function.php', { nome: $( this ).val() }, function( json ) { $( endereco ).val( json.endereco ); $( telefone ).val( json.telefone ); } ); }); }); </script> </head> <body> <form action="" method="post"> <label>Nome: <input type="text" name="nome" /></label> <label>Endereço: <input name="endereco" type="text" disabled="disabled" value="" /></label> <label>Telefone: <input type="text" name="telefone" value="" /></label> </form> </body> </html> <?php /** * função que devolve em formato JSON os dados do cliente */ function retorna( $nome, $db ) { $sql = "SELECT `id`, `nome`, `telefone`, `endereco` FROM `cliente` WHERE `nome` = '{$nome}' "; $query = $db->query( $sql ); $arr = Array(); if( $query->num_rows ) { while( $dados = $query->fetch_object() ) { $arr['endereco'] = $dados->endereco; $arr['telefone'] = $dados->telefone; } } else $arr['endereco'] = 'não encontrado'; return json_encode( $arr ); } /* só se for enviado o parâmetro, que devolve os dados */ if( isset($_GET['nome']) ) { $db = new mysqli('localhost', 'root', '', 'test'); echo retorna( filter ( $_GET['nome'] ), $db ); } function filter( $var ){ return $var;//a implementação desta, fica a cargo do leitor } Script adaptado <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input[name='idpdv']").blur(function(){ var regional = $("input[name='regional']"); $( regional ).val('Carregando...'); $.getJSON( 'function.php', { idpdv: $( this ).val() }, function( json ) { $( regional ).val( json.regional ); } ); }); }); </script> </head> <body> <form action="" method="post"> <label>Nome: <input type="text" name="idpdv" /></label> <label>Regional: <input name="regional" type="text" value="" /></label> </form> </body> </html> <?php function retorna( $idpdv, $db ) { $sql = "select `Regional` FROM tbl_regional WHERE CodRegional = '{$idpdv}' "; $query = $db->query( $sql ); $arr = Array(); if( $query->num_rows ) { while( $dados = $query->fetch_object() ) { $arr['Regional'] = $dados->regional; } } else $arr['Regional'] = 'não encontrado'; return json_encode( $arr ); } /* só se for enviado o parâmetro, que devolve os dados */ if( isset($_GET['idpdv']) ) { $db = new mysqli('localhost', 'root', '', 'test'); echo retorna( filter ( $_GET['idpdv'] ), $db ); } function filter( $var ){ return $var;//a implementação desta, fica a cargo do leitor } Se alguém puder me ajudar a enxergar o erro, ficarei eternamente agradecida
-
Boa noite, eu tenho um formulário em bootstrap e validado certo, mas eu preciso que ao selecionar uma data no datepicker, ele carregue automaticamente um select com json, e tem mais 3 selects precisam ser preenchidos após isso, e todos um dependente do outro, ex: escolhi a data 17/05/2015, ele abre uma informação no select abaixo, que abre outra informação após selecionado, e assim por diante. Por padrão do backend preciso fazer em json e ajax Será que alguém pode me ajudar nisso ou me mostrar a melhor foram de eu fazer? Fico no aguardo, atenciosamente
-
Tenho uma página que possui um formulário e uma imagem. Este formulário é composto por 3 botões que acessam "dicas", um campo para resposta, e botão para "Verificar Resposta" e "Próxima Pergunta", e um campo "Pontuação". Bom, ao clicar nas dicas ele mostra corretamente, e também a função de verificar a resposta está ok. Porém isto só ocorre uma vez e para responder outra questão é necessário então atualizar a página (este é o meu problema). Preciso que ao clicar em próxima pergunta o seja atualizada a imagem (volte para a original) e o formulário, de modo que o usuário possa novamente selecionar dicas e responder. Tentei de duas maneiras: 1: Atualizar as divs com uma função javascript, mas neste caso volta "visivelmente" ao normal, porém ao clicar nos botões ele não chama mais as funções. 2: Atualizar o formulário, porém assim não tem como verificar a resposta em ajax que é enviada e a figura também não muda. Códigos javascript: <script> function loadXMLDoc(dicaSel) { //busca a mostra a dica } //função para verificar a resposta do usuário function verificarResposta(){ //verifica a resposta } function atualizarPontuacao(resultado){ //Atualiza a pontuação } //ir para a próxima questão sem atualizar a página (Não funciona) function atualizarQuestao(){ //Atualizar imagem var image = document.getElementById('myImage'); image.src = "img/imagem1.jpg"; //Atualizar dica 1 document.getElementById("dica1").innerHTML="<label>Clique no botão para visualizar esta dica</label>"; //Atualizar dica 2 document.getElementById("dica2").innerHTML="<label>Clique no botão para visualizar esta dica</label>"; //Atualizar dica 3 document.getElementById("dica3").innerHTML="<label>Clique no botão para visualizar esta dica</label>"; //Atualizar resposta //document.getElementById("divResposta").innerHTML="Resposta: <input type="text" size="30" name="chute"/><"; } function changeImage() { //Muda a imagem } </script> Trecho do html: <div class="col-md-6"> <center> <img id="myImage" class="img-responsive img-border-left" src="img/imagem1.jpg" alt="" width="220px" height="220px"> </center> <!--<center><img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180"></center>--> </div> <div class="col-md-6"> <form name="form" onsubmit="verificarResposta()" method="post" action="#"> <table> <div id="divDaDica1"> <tr> <td> <input onclick="loadXMLDoc('dica1')" type="button" value="Dica 1" onmouseover="style.color = '#FF0000'" onmouseout="style.color = ''" /> </td> <td> <div id="dica1"> <label>Clique no botão para visualizar esta dica</label> </div> </td> </tr> </div> <div id="divDaDica2"> <tr> <td> <input onclick="loadXMLDoc('dica2')" type="button" value="Dica 2" onmouseover="style.color = '#FF0000'" onmouseout="style.color = ''" /> </td> <td> <div id="dica2"> <label>Clique no botão para visualizar esta dica</label> </div> </td> </tr> </div> <div id="divDaDica3"> <tr> <td> <input onclick="loadXMLDoc('dica3')" type="button" value="Dica 3" onmouseover="style.color = '#FF0000'" onmouseout="style.color = ''" /> </td> <td> <div id="dica3"> <label>Clique no botão para visualizar esta dica</label> </div> </td> </tr> </div> </table> <!--A questão é: enviar o formulário sem atualizar a página!!--> <div id="divResposta">Resposta: <input type="text" size="30" name="chute" /> </div> </br> </br> <input onclick="verificarResposta()" type="button" name="arriscar" value="Arriscar!" onmouseover="style.color = '#FF0000'" onmouseout="style.color = ''" /> <input type="button" value="Desistir!" onmouseover="style.color = '#FF0000'" onclick="alert('O número que eu escolhi foi: ' + numeroSecreto + '. Pena que você desistiu! Tente novamente, eu vou pensar em outro número, OK?'); Pensar()" /> <div id="divPontuacao"> <align="right">Pontuação: <input type="text" size="10" name="pontuação" placeholder="100" readonly="readonly" /> </div> </br> </br> </align> <input type="button" onclick="atualizarQuestao()" value="Próxima Questão"> </form> Obrigado!
-
Olá, estou desenvolvendo uma aplicação SIG com java web; que tem entre suas característica o uso de Ajax para fazer requisições no servidor Java. Existe uma funcionalidade de plotar gráficos em que é feita uma requisição (via Ajax) para servidor o qual retorna um JSONArray para ser processado na "view" pelo JavaScript e então gerar o gráfico. Até este ponto está tudo ok, o detalhe, é que eu pretendo reutilizar esse retorno para uma segunda funcionalidade, pois após a plotagem dos gráficos existe a possibilidade de exportar (criar e iniciar o download de um arquivo Excel) esses dados para o usuário. A primeira ideia era fazer uma requisição via GET para o servidor e este retornar o arquivo e então inicia o download automaticamente. Neste caso eu tenho um problema pois não consigo enviar como parâmetro JSONArray que pode ter grande quantidade de dados e o GET "até onde sei" possui uma limitação no tamanho de seus parâmetros. Via POST já não tenho esse problema de enviar meus parâmetros, porém, ao receber meu retorno (um arquvo .xls) não consigo iniciar o download do mesmo para o usuário. Segue trecho do código abaixo, qualquer sugestão é bem vinda. $("#btnExportarResultados").click(function() { $.post("/SIG/exportar_dados", { dados: '${resultados}' }, function(data, status) { //AQUI NÃO CONSIGO INICIAR O DOWNLOAD AUTOMATICAMENTE }); }); @RequestMapping(value = {"/exportar_dados"}, method = RequestMethod.POST) public String exportarDados(@RequestParam(value = "dados", required = true, defaultValue = "0") JSONArray dados, HttpServletRequest request, HttpServletResponse response) throws WriteException, IOException, RowsExceededException, JSONException { this.iniciaDownload(response, dados); return "redirect:/"; } -
Olá pessoal. Então, estamos criando um site. E estamos nos batendo em uma função do jquery + AjaxForm. Meu ramo não é Jquery, mas já li bastante e todas as funções que achei na internet para solucionar o problema não deram certo. O que basicamente ocorre é: Queremos que ao clicar em um determinado botão o usuário escolha a foto e depois dela processar abra em uma determinada DIV (nela terá na verdade uma janela modal com uma função de crop para atualizar a foto do perfil). Tudo isso sem refresh, o mesmo só ocorrerá se o usuário fizer o crop da foto. Ocorre que deu tudo certo, o usuário aperta o botão, escolhe a foto, a mesma abre em uma janela modal onde o usuário escolher a parte para fazer o crop (até ai sem refresh), quando clica em "recortar" dá refresh na tela e a nova foto dele aparece na posição correta. Acontece que se o usuário desiste de fazer o crop e fecha a modal a função não funciona mais. Pelo que eu li é a função .load que dá esse erro. Já vi o pessoal falar do cache e colocar ele como false - não deu certo - já vi o pessoal falar sobre "debugger" - também não deu certo - já vi o pessoal falar sobre o reset - não funciona de jeito nenhum. Quem puder ajudar. Sinceramente eu não entendo muito de jquery, se puder me explicar com calma agradeceria, pois eu realmente não entendo muito de jquery. Obs: Fazer o botão de fechar dar refresh não é uma solução que eu gostaria, parece gambiarra dai. Abaixo como eu fiz: // botão para inserir foto na capa: (funciona perfeito quantas vezes precisar) $('#btn-capa-img').click(function () { $('#fotoCapa').click(); }); // Função para mudar a capa do perfil (só funciona uma vez, depois tem que dar refresh) $('#fotoCapa').change(function () { $('#form-capa').ajaxForm({ url: 'logic/imgcrop_capaPerfil.php', type: 'post', success: function (data) { var id = data; $("#conteudo_crop").load( "logic/crop_capaPerfil.php?" + $.param({ img: id}) ); $("#modalPHP").show(); } }).submit(); });
-
Estou fazendo uma atualização da página sem refresh. Tenho a seguinte div: <div class="span12" id="divAndamentos" style="margin-left: 0"> <table class="table table-bordered"> <thead> <tr> <th>Data Inicial</th> <th>Procedimento</th> <th>Data Final</th> <th>Usuário</th> <th>Editar</th> </tr> </thead> <tbody> <?php foreach ($andamentos as $andamento) { ?> <form action="<?php echo base_url() ?>os/adicionarProcedimento" method="post"> <tr> <td><?php echo $andamento->data_inicio ?></td> <td><textarea class="span12" name="procedimentos" id="procedimentos" cols="30" rows="3"><?php echo $andamento->procedimento ?></textarea></td> <td><?php if ($andamento->data_fim == "0000-00-00 00:00:00") echo ""; else echo $andamento->data_fim ?></td> <td> <?php echo $andamento->nome ?></td> <td> <input type="hidden" name="idAndamentos" id="idAndamentos" value="<?php echo $andamento->idAndamentos?>" /> <button <?php if ($andamento->procedimento!="" || $andamento->usuarios_id!=$this->session->userdata('id')) echo "disabled"; ?> class="btn btn-success span6"> Cadastrar</button> </td> </tr> </form> <?php } ?> </tbody> </table> </div> Quando é feito um load pelo ajax, o form não funciona quando eu utilizo tabelas, porém sem elas funciona normalmente. Alguém pode me ajudar? Obrigado Script que é chamado através de um botão. $("#formAndamentos").validate({ submitHandler: function( form ){ var dados = $( form ).serialize(); $("#divAndamentos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>"); $.ajax({ type: "POST", url: "<?php echo base_url();?>os/adicionarAndamento", data: dados, dataType: 'json', success: function(data) { if(data.result == true){ $( "#divAndamentos" ).load("<?php echo current_url();?> #divAndamentos" ); } else{ $( "#divAndamentos" ).load("<?php echo current_url();?> #divAndamentos" ); alert('Aguarde mais de 5 minutos para colocar novo procedimento.'); } } }); return false; } });
-
Quando clico no botão "Adicionar", é adicionado um novo procedimento, então é criada um linha para eu escrever o procedimento e "Cadastrar". Quando eu clico em Adicionar, eu não consigo cadastrar, ou seja, depois que é feito o "load", não funciona mais meu botão "Cadastrar", então tenho que dar um F5, alguém sabe o porque? ----------------PARTE DO HTML/PHP------------------------------- <div class="tab-pane" id="tab3"> <div class="span12 well" style="padding: 1%; margin-left: 0"> <form id="formAndamentos" action="<?php echo base_url() ?>os/adicionarAndamento" method="post"> <input type="hidden" name="idOs" id="idOs" value="<?php echo $result->idOs?>" /> <label for="">Adicionar Procedimento</label> <button class="btn btn-success"><i class="icon-white icon-plus"></i> Adicionar</button> </div> <div class="span12" id="divAndamentos" style="margin-left: 0"> <table class="table table-bordered"> <thead> <tr> <th>Data Inicial</th> <th>Procedimento</th> <th>Data Final</th> <th>Usuário</th> <th>Editar</th> </tr> </thead> <tbody> <?php foreach ($andamentos as $andamento) { ?> <tr> <form action="<?php echo base_url() ?>os/adicionarProcedimento" method="post"> <td><?php echo $andamento->data_inicio ?></td> <td><textarea class="span12" name="procedimentos" id="procedimentos" cols="30" rows="3"><?php echo $andamento->procedimento ?></textarea></td> <td><?php if ($andamento->data_fim == "0000-00-00 00:00:00") echo ""; else echo $andamento->data_fim ?></td> <td> <?php echo $andamento->nome ?></td> <td> <input type="hidden" name="idAndamentos" id="idAndamentos" value="<?php echo $andamento->idAndamentos?>" /> <button <?php if ($andamento->procedimento!="" || $andamento->usuarios_id!=$this->session->userdata('id')) echo "disabled"; ?> class="btn btn-success span6"> Cadastrar</button> </td> </form> </tr> <?php } ?> </tbody> </table> </div> </div> ---------------------AJAX------------------------------------------- $("#formAndamentos").validate({ submitHandler: function( form ){ var dados = $( form ).serialize(); $("#divAndamentos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>"); $.ajax({ type: "POST", url: "<?php echo base_url();?>os/adicionarAndamento", data: dados, dataType: 'json', success: function(data) { if(data.result == true){ $( "#divAndamentos" ).load("<?php echo current_url();?> #divAndamentos" ); } else{ $( "#divAndamentos" ).load("<?php echo current_url();?> #divAndamentos" ); alert('Aguarde mais de 5 minutos para colocar novo procedimento.'); } } }); return false; } });
-
O que há de errado com esse script ? Quando eu clico no botão submit, ele está indo para a página apontada no action do form ao invés de somente mandar os dados pela JQuery. Segue o código: JQuery <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#botao_enviar").click(function(event) { event.preventDefault(); $.ajax({ url: $(this).parent("form").attr("action"), data: 'nome='+$("#nome").val()+',email='+$("#email").val()+',senha='+$("#nome").val(), type: 'POST', context: jQuery('#msg'), success: function(data){ this.append(data); } }); }); }); </script> HTML <div id="cadastro" align="center"> <form action="../dao/cadastrar_usuario.php" method="post"> Nome: <input type="text" name="nome" id="nome"><br /> E-mail: <input type="text" name="email" id="email"><br /> Senha: <input type="password" name="senha" id="senha"><br /><br /> <input type="submit" id="botao_enviar" /> </form> <div id="msg"></div> </div>
-
Olá galera. Essa é a primeira vez que estou escrevendo pois me deparei com algo complicado (pra mim pelo menos). Contextalizando: Estou fazendo um sistema para monitorar e gerenciar as lampadas da minha casa. O projeto consiste em servidor web Apache, PHP e comando direto para microcontrolador (Arduino em questao). Pois bem. Todas as conexoes e funcionamento estão perfeitos, mas me deparei com a necessidade de fazer uma atualizacao em tempo real. A minha aplicacao está dessa forma: index.php: contem as imagens das lampadas. Quando a lampada esta apagada, clico nela e então rodo 3 funcoes basicas: 1. Seto no banco de dados o valor 1 (ligada) para a lampada do ID correspondente; 2. Atualizado o arquivo data.txt com a tag <img src="on.jpg"> (long polling) 3. Mando pro arduino o codigo correspondente para ligar a lampada correspondente. lampada.php: contem as funcoes necessarias para os passos acima. O meu problema esta agora em realizar o Long Polling para atualizar a imagem da lampada na tela no exato momento em que o usuario clica na lampada. Achei uma funcao na internet e realmente funcinou, mas me deparei com estas necessidades: 1. Passar o ID da lampada para a funcao que esta no javascript/ajax para que ele corretamente pegue esta informação e atualize a lampada correta. 2. Realizar o long polling corretamente. Aqui vai o trecho do codigo: <script type="text/javascript" charset="utf-8"> var timestamp = null; function waitForMsg() { $.ajax({ type: "GET", url: "codlamp/getdata.php?timestamp=" + timestamp, async: true, cache: false, success: function (data) { var json = eval('(' + data + ')'); if (json['msg'] != "") { //alert( json['msg'] ); //Display message here $("#lampada4").empty(); $("#lampada4").append(json['msg'] + "<hr>").slideDown("slow"); } timestamp = json["timestamp"]; setTimeout("waitForMsg()", 1000); }, error: function (XMLHttpRequest, textStatus, errorThrown) { // alert("error: "+textStatus + " "+ errorThrown ); setTimeout("waitForMsg()", 1000); } }); } $(document).ready( function () { $('.jclock').jclock(); waitForMsg(); $("#lampada4").click(function () { $("#lampada4").load("lampada.php?num=4"); }); }); </script> No final desse arquivo, tenho as tags divs que possuem a imagem da lampada e que deve ser atualizada. Detalhe que são 15 lampadas e 15 tags. Portando preciso passar o ID para a funcao realizar suas consultas pelo id e retornar atualizacao da imagem que foi clicada. <body> <?php include 'inicial.php'; ?> <div></div> <div id="planta"></div> <div id="titulo">Planta Baixa - Marcus Vinicius</div> <div class="lampada" id="lampada1"><?php consultaEstadoLamp(1); ?><br /></div> <div class="lampada" id="lampada2"><?php consultaEstadoLamp(2); ?><br /></div> <div class="lampada" id="lampada3"><?php consultaEstadoLamp(3); ?><br /></div> <div class="lampada" id="lampada4"><?php consultaEstadoLamp(4); ?><br /></div> <div class="lampada" id="lampada5"><?php consultaEstadoLamp(5); ?><br /></div> <div class="lampada" id="lampada6"><?php consultaEstadoLamp(6); ?><br /></div> </body> O arquivo getdada.php é esse: <?php $filename= dirname(__FILE__)."/data4.txt"; $lastmodif = isset( $_GET['timestamp'])? $_GET['timestamp']: 0 ; $currentmodif=filemtime($filename); while ($currentmodif <= $lastmodif) { usleep(10000); clearstatcache(); $currentmodif =filemtime($filename); } $response = array(); $response['msg'] = file_get_contents($filename); $response['timestamp']= $currentmodif; echo json_encode($response); ?> A funcao ConsultaEstadoLampada() é irrelevante na duvida, mas para terem uma ideia do que estou fazendo vou colar aqui: function consultaEstadoLamp($num) { include 'conexao.php'; $query = 'SELECT estado, local FROM lampada WHERE lampada =' . $num; $result = mysqli_query($link, $query); while ($row = mysqli_fetch_array($result)) { $estado = $row['estado']; $local = $row['local']; } if ($estado == 1) { //deleta o arquivo data.txt unlink('codlamp/data' . $num . '.txt'); //cria um novo arquivo data.txt $fp = fopen('codlamp/data' . $num . '.txt', "w+"); //coloca dentro a atualizacao pois escrita no banco $escreve = fwrite($fp, '<img src="imagens/on.png" width="40" height="32">' . '<br/> ' . $local); //fecha conexao com arquivo fclose($fp); } else { //deleta o arquivo data.txt unlink('codlamp/data' . $num . '.txt'); //cria um novo arquivo data.txt $fp = fopen('codlamp/data' . $num . '.txt', "w+"); //coloca dentro a atualizacao pois escrita no banco $escreve = fwrite($fp, '<img src="imagens/off.png" width="40" height="32">' . '<br/> ' . $local); //fecha conexao com arquivo fclose($fp); } } Aguardo resposta!
-
Oi galera, preciso fazer que quando alguém selecionar a opcao "SIM" fazer ir para endereço: mail.php ou quando selecionar "não" fazer ir para outro endereco: mailno.php..conforme a imagem: //CODIGO JAVA $('#contact-form .btn-wrapper').click(function(){ var name = $('#form-name').val(); var email = $('#form-email').val(); var message = $('#form-message').val(); var totalpessoas = $('#form-totalpessoas').val(); var presente = $('#form-presente').val(); var error = 0; if(name === '' || email === '' || presente === '' || message === '' || totalpessoas === ''){ error = 1; $('#details-error').fadeIn(200); }else{ $('#details-error').fadeOut(200); } if (!(/(.+)@(.+){2,}\.(.+){2,}/.test(email))) { $('#details-error').fadeIn(200); error = 1; } var dataString = 'name=' + name + '&email=' + email + '&presente=' + presente + '&totalpessoas=' + totalpessoas +'&text=' + message; if (error === 0) { $.ajax({ type: "POST", url: "mail.php", data: dataString, success: function () { $('#details-error').fadeOut(1000); $('#form-sent').fadeIn(1000); } }); return false; } }); //CODIGO HTML <div class="large-7 columns"> <div id="contact-form"> <div id="name"> <div class="form-icon"> <i class="typcn typcn-user"></i> </div> <input id="form-name" type="text" placeholder="Titular do Convite" /> </div> <div id="email"> <div class="form-icon"> <i class="typcn typcn-mail"></i> </div> <input id="form-email" type="text" placeholder="Email" /> </div> <div id="totalpessoas"> <div class="form-icon"> <i class="typcn typcn-sort-numerically"></i> </div> <input id="form-totalpessoas" type="text" placeholder="Número de Pessoas" /> </div> <div id="presente"> <div class="form-icon"> <i class="typcn typcn-thumbs-up"></i> <div type="text">Estará presente?</div> <select id="form-presente" size="1"> <option value="sim">SIM</option> <option value="não"selected="selected">NÃO</option></select> </div> <div id="message"> <div class="form-icon"> <i class="typcn typcn-pencil"></i> </div> <textarea id="form-message" placeholder="Mensagem"></textarea> </div> <div id="details-error" class="text-white"><i class="typcn typcn-warning"> </i>Erro: Por favor, garantir que todos os campos estão preenchidos corretamente</div> <div id="form-sent" class="text-white"><i class="typcn typcn-thumbs-up"> </i>Obrigado, sua mensagem foi enviada!</div> <div class="btn-wrapper"><div class="btn">ENVIAR<i class="typcn typcn-arrow-right"></i></div></div> </div> </div> </div>
-
Busca "Palavras em uma lista" com java script
uma questão postou GustavoCosta Ajax, JavaScript, XML, DOM
Boa tarde, Preciso de ajuda, Estou buscado palavras em uma página html, onde o texto procurado, são nome de arquivos, e estes estão categorizados. utilizo jQuery com a função .each(), a pesquisa é realizada a partir de 3 caracteres, em um form, e percorre toda uma estrutura html, dividida em categorias, que inclusive estão com acordion, para a exibição do conteúdo. então eu pesquiso apenas dentro do conteúdo de cada categoria, pois os itens possuem a mesma 'class' encontrando eu marco o item e abro a categoria correspondente. até aqui tudo bem. o problema: esta travando o jQuery por possuir muitos itens, o .each() utiliza muita memória então ao varrer mais de 500 itens a página trava. Parte do código: itens.each(function(){ var $item = $(this), texto = slugfy($item.text().toLowerCase()); if (texto.indexOf(term) >= 0) { $item.addClass('find'); $item.parents('.indice-list li').addClass('find'); $item.parents('.list-categoria').show('slow'); $item.parents('.list-categoria').addClass('active'); $item.parents('.list-categoria').addClass('found'); $item.parents('.list-categoria').find('.open-categoria').show('slow'); $('.indice-list li.find > a').addClass('bold'); } else { //alert(result); $item.parent().addClass('invisible'); $item.parents('.indice-list li').addClass('invisible'); $item.parents('.indice-list li').parents('.indice-letter-group').addClass('invisible'); } }); Alguém possui alguma alternativa? algo apenas em javaScript eliminando o jQuery? eu preciso percorrer n itens que estão dispostos em categorias separadas. obrigado -
Boa tarde pessoal. Tenho uma tabela que esta marcada assim: #Código 1 <td colspan="4"><a id=".mudar"> </a></td> Quando é clicado em um select e de acordo com o val dele, carrega um dos 4 swfs que tenho na coluna marcada .mudar da tabela: Citação: $(".selProf").click(function(event) { function showSWF(urlString, elementID){ var displayContainer = document.getElementById(elementID); var flash = createSWFObject(urlString, 'opaque', 650, 650); displayContainer.appendChild(flash); }; function createSWFObject(urlString, wmodeString, width, height){ var SWFObject = document.createElement("object"); SWFObject.setAttribute("type","application/x-shockwave-flash"); SWFObject.setAttribute("width","100%"); SWFObject.setAttribute("height","100%"); var movieParam = document.createElement("param"); movieParam.setAttribute("name","movie"); movieParam.setAttribute("value",urlString); SWFObject.appendChild(movieParam); var wmodeParam = document.createElement("param"); wmodeParam.setAttribute("name","wmode"); wmodeParam.setAttribute("value",wmodeString); SWFObject.appendChild(wmodeParam); return SWFObject; }; if (codProf == 1){showSWF("../flash/Micheli.swf", ".mudar");}; //if (codProf == 2){showSWF("../flash/Dani.swf", ".mudar")}; //if (codProf == 3){showSWF("../flash/Gui.swf", ".mudar")}; //if (codProf == 4){showSWF("../flash/Neto.swf", ".mudar")}; Ate aqui, estao carregando ok. O problema é que cada vez que clica, cria um abaixo do outro, quando na verdade queria limpar ou recriar ou simplesmente trocar o swf. Tentei assim: Citação: if (codProf == 1) $(".mudar").remove(); showSWF("../flash/Micheli.swf", ".mudar");}; So que dessa forma ele remove e não carrega mais. alguém teria uma sugestao???
-
Preciso de uma ajuda aqui: Tenho um combobox no meu formulario principal assim: <script> $(document).ready(function(){ $("#selCat").change(function(event) { $("#selServ").load("../includes/conexaoAgen.php?acao=serv"); }); }); </script> Quando o combo sofrer uma mudança em tempo execuçao entrar na minha url conexaoAgen.php e: chama minha funçao populaServ, que esta em php na outra pagina. A intençao é que ao selecionar a categoria no primeiro combo, me traga os serviços relacionados a ele no segundo. So que quando vai pra outra pagina php esta assim: $acao = $_GET['acao']; echo $acao; E eu não consigo trazer esse açao pra essa outra pagina de jeito nenhum. e me da um erro de Notice: Undefined index: acao .... não carrega. O que tem de errado ai? -
Boa noite. Estou tentando transmitir através de JSON um trecho HTML do php para o javascript porém estou obtendo o erro: SyntaxError: JSON.parse: unexpected end of data at line 1 column 2 of the JSON data. Eu vi, pelo firebug, que a variável data encontra-se com uma string vazia. PHP: $str_cabecalho = '<div id = "div_tabela_pesquisador">' . '<table>'. '<tr>'. '<th>ID Do Pesquisador</th>'. '<th>Nome</th>'. '<th>Sexo</th>'. '<th>Telefone</th>'. '<th>CEP</th>'. '<th>Idade</th>'. '<th>Encontra-se ativo?</th>'. '<th>Instituição</th>'. '</tr>'. '</table>'. '</div>'; echo json_encode($str_cabecalho); Javascript: $("#list_pesquisador").click(function(){ $.ajax({ url: "listar_pesquisador.php", datatype: "html", success: function(data) { tabela_pesquisador = JSON.parse(data); alert(tabela_pesquisador); } }); }); Eu só coloquei o alert ali para fazer um teste. -
Galera tenho o seguintes códigos... Porém quando abro a pagina em que o código começa a executar suas funções, se eu clicar em um link que saia da pagina, algo relacionado a isso, o site fica pensando como se fosse uma net lenta pra caramba, tipo de 5 a 10s pra sair da page, eu to local host ainda, e já da essa lentidão, tenho medo de quando o site ficar online essa lentidão aumentar muito. Por favor, que puder dar algum dica, vou ficar realmente agradecido, pra alguns pode ser algo simples, porém eu tenho pouco conhecimento ainda, mas quero melhorar :)..OBRIGADO! já postei em outro fórum, espero que alguém consiga me ajudar :). -----------------pagina principal, com ajax -------------------------- <head> <link href="../css/criapostagem.css" rel="stylesheet"> <?php if(isset($_GET['idpagegru'])){ if(isset($_SESSION['numticket'])){ if(isset($_SESSION['ticketrand'][$_SESSION['numticket']])){ if($_SESSION['idpagegru'][$_SESSION['numticket']]==$_GET['idpagegru']){ $ticket=rand(1,2000); $_SESSION['ticketrand'][$_SESSION['numticket']]=$ticket; }else{ $ticket=rand(1,2000); $_SESSION['numticket']=$_SESSION['numticket']+1; $_SESSION['ticketrand'][$_SESSION['numticket']]=$ticket; $_SESSION['idpagegru'][$_SESSION['numticket']]=$_GET['idpagegru']; } }else{ $ticket=rand(1,2000); $_SESSION['ticketrand'][$_SESSION['numticket']]=$ticket; $_SESSION['idpagegru'][$_SESSION['numticket']]=$_GET['idpagegru']; } }else{ $_SESSION['numticket']=0; $ticket=rand(1,2000); $_SESSION['ticketrand'][$_SESSION['numticket']]=$ticket; $_SESSION['idpagegru'][$_SESSION['numticket']]=$_GET['idpagegru']; } } for( $x =0, $max = count($_SESSION['idpagegru']); $x < $max; ++$x ) { if($_SESSION['idpagegru'][$x]==$_GET['idpagegru']){ $ticketreal=$_SESSION['ticketrand'][$x] ; }else{ } } ?> <script type="text/javascript" language="javascript" src="../js/jquery-2.1.1.js"></script> <script type="text/javascript"> var permicao = 1; //Variavel que indicara a permicao da funcao "buscar_auxiliar()" //Funcao que chamara o arquivo "buscar.php" para varrer o banco function buscar(binario){ var busca_ajax; //Verificao navegador if(window.XMLHttpRequest) { busca_ajax = new XMLHttpRequest(); } else if(window.ActiveXObject) { busca_ajax = new ActiveXObject("Microsoft.XMLHTTP"); } // Arquivo PHP juntamente com o valor digitado no campo, e a função "escape()" converte os caracteres especiais em hexadecimal iniciado por "%". var url = "consulta/busca_postagem.php?ticket=<?php echo $ticketreal?>&verifica=ok&grupo=<?php echo $grulogcodigo?>&pageativa=<?php echo $_GET['idpagegru']?>"; // Chamada do metodo open e envia os dados para o arquivo buscar.php. busca_ajax.open("Get", url, true); // Quando o objeto recebe o retorno, chamamos a seguinte função; busca_ajax.onreadystatechange = function(){ //Aguarda o ajax executar if(busca_ajax.readyState == 4 && busca_ajax.status == 200) { //Resposta retornada pelo "buscar.php" via "echo" var resposta = busca_ajax.responseText; //Verifica se e um conteudo vazio. if(resposta != "" && !(resposta.match(/^\s+$/))){ //Criamos uma "div" com o conteudo encontrado dentro e colocamos tudo dentro da tag "p". $("#postbase").html(resposta); $("#postbase").find("script").each(function(i) { eval($(this).text()); }); permicao = 1; //Coloca 1 para que a função "buscar_auxiliar()" consiga chamar novamente esta função ("buscar(binario)"). } else{ permicao = 1; //Caso algo de errado no "if" coloca a permicao para "1", permitindo outra busca nesta funcao ("buscar(binario)") chamada pela função "buscar_auxiliar()" } busca_ajax.send(null); //Limpa a variavel para que possa ser novamente criado na proxima execucao } } busca_ajax.send(null); //Limpa a variavel para que possa ser novamente criado na proxima execucao } //------------------------------------------------------------------------------------ function buscar_auxiliar(){ //Funcao auxiliar que serve para chamar a funcao "buscar(binario)", mas impedindo que a mesma seja chamada novamente antes de realizar o pedido de busca anterior. if(permicao != 0){ //Verifica se tem permicao para chamar a funcao "buscar(binario)" (para nao chamar a outra funcao antes que a mesma termine as buscas). permicao = 0; //Altera a variavel "permicao" para que este "if" não permita que a funcao "buscar(binario)" não seja chamada antes do tempo. buscar(0); //Chama a funcao "buscar(binario)". } } //------------------------------------------------------------------------------------ var bloqueio= 0; //Variavel usada dentro da funcao "busca_automatica()", para que o botao "busca_ajax automática" chame a funcao "busca_automatica()" apenas uma vez. if(bloqueio == 0){ //Verifica se a variavel esta com o valor original, evitando que o comando "window.setInterval" seja chamado mais de uma vez. window.setInterval("buscar_auxiliar()", 1000); //Funçao ativada automaticamente de tempo em tempo. bloqueio = 1; //Muda o valor da variavel, impedindo que o "if" deixe executar novamente o comando "window.setInterval". } </script> <script type="text/javascript" src="../tinymce/js/tinymce/tinymce.min.js"></script> <script> tinymce.init({ selector: "#criapostagem", theme: "modern", width: '100%', height: 100, max_height: 100, language : 'pt_br', menubar : false, plugins: "link emoticons textcolor autolink", target_list: [{title: 'Nova aba', value: '_blank'}], toolbar: "bold italic link image forecolor emoticons", }); </script> <script type="text/javascript" language="javascript"> $(function($) { // Quando o formulário for enviado, essa função é chamada $("#formpost").submit(function() { // Colocamos os valores de cada campo em uma váriavel para facilitar a manipulação var grulogcodigo = $("#grulogcodigo").val(); var criapostagem =tinyMCE.get('criapostagem').getContent(); var catpos = $("#catpos").val(); $.post('cadastro/procpostagem.php', {grulogcodigo: grulogcodigo, criapostagem: criapostagem, catpos: catpos }, function(resposta) { tinyMCE.activeEditor.setContent('<span></span>'); $("#catpos").val("9999"); $("#postok").html('Postagem efetuada!'); $("#postok").fadeOut(2000); }); }); }); </script> </head> <?php $buscacatpos =$linkbd->query("SELECT * FROM cat_postagem ORDER BY catposnome"); $buscacatpos->execute(); for ($i=0; $rowcatpos = $buscacatpos->fetch(); $i++) { $arrcatpos[$rowcatpos['catposcodigo']] = $rowcatpos['catposnome']; } ?> <section id="basecriapost"> <form action='javascript:func()' id="formpost" method='post' name='reenvia'> <input type="hidden" id="grulogcodigo" value="<?php echo $grulogcodigo ?>"> <ul id="textaareapost"><textarea id="criapostagem" name="criapostagem"> </textarea></ul> <ul id="opcareapost"> <li id="titcamp">Categoria</li> <li id="lislt"> <select name="catpos" id="catpos"> <option value="9999">Geral</option> <?php foreach ($arrcatpos as $codcatpos => $nomcatpos) { echo "<option value='{$codcatpos}'>{$nomcatpos}</option>"; }?> </select> <p id="infocatpos">Selecione a categoria da postagem</p> </li> <li id="libt"><input type="submit" id="btpost" name="enviapost" value="Postar"></li> </ul> </form> </section> <div id="postok"> </div> <div id="postbase"> </div> <?php session_write_close();?> ---------------------Pagina php que é chamada ----------------------------- <?php session_start(); /** * tempo de sleep do sistema * quanto maior o tempo, menos processamento é utilizado, * entretanto tem um maior o tempo de espera para a resposta **/ for( $x =0, $max = count($_SESSION['idpagegru']); $x < $max; ++$x ) { if($_SESSION['idpagegru'][$x]==$_GET['pageativa']){ if(isset($_SESSION['ticket'][$x])){ if($_SESSION['ticket'][$x]==$_GET['ticket']){ $sleepTime =rand(5,10); //segundos }else{ $sleepTime = 1; //segundos } }else{ $sleepTime = 1;//segundos } } } /** tempo de execução definido para o script **/ $executionTime = 100;//segundos /** caso não estiver em safe mode, pode realizar alterações no tempo de execução do script **/ if(!ini_get('safe_mode')) { /** verifica se o limite de tempo para execução de script definido no servidor é menor que o definido em $executionTime **/ if(ini_get('max_execution_time') < $executionTime) { /** altera o limite de processamento para o tempo definido em $executionTime **/ set_time_limit($executionTime); } else { /** caso o tempo já definido for maior, utiliza-se dele para os testes **/ $executionTime = ini_get('max_execution_time'); } } else { /** caso servidor estiver em safe mode, recupera o tempo de execução definido pelo servidor **/ $executionTime = ini_get('max_execution_time'); } //executa caso a função URL envie 'ok' como paramero evitando execuções caso o arquivo seja chamado por outros meios. if($_GET['verifica'] == 'ok'){ $time = time(); sleep($sleepTime); for( $x =0, $max = count($_SESSION['idpagegru']); $x < $max; ++$x ) { if($_SESSION['idpagegru'][$x]==$_GET['pageativa']){ if(isset($_SESSION['ticket'][$x])){ if($_SESSION['ticket'][$x]==$_GET['ticket']){ include 'busca_postagem_baseB.php'; }else{ $_SESSION['ticket'][$x]=$_GET['ticket']; include 'busca_postagem_baseA.php'; } }else{ $_SESSION['ticket'][$x]=$_GET['ticket']; include 'busca_postagem_baseA.php'; } } } if((time() - $time) >= ($executionTime - ($sleepTime + 1))) { break; } $linkbd = null; } ?>
-
Boa tarde galera! Tenho o seguinte script: http://pastebin.com/5xiryVJy Ele serve para chamar uma página .php com valores selecionados no banco de dados. Ele trás as informações corretas, porém ai vem o problema. Esta função : http://pastebin.com/xvzX9i8J , que esta no arquivo .php, ela para de funcionar, como se não estivesse no arquivo .php. Alguém sabe a causa disso ? Se precisarem de alguma informação complementar é só falar. Obrigado!
-
Galera, estou querendo uma janela com a visualização de todos os usuários cadastrados no banco, e se ele estiver online aparecer uma bolinha verde, se estiver offline aparecer uma bolinha vermelha, mas na hora de colocar a bolinha só entra a bolinha na última variavel criada pelo FOR do javascript, o código em php está certinho, teste manualmente e funcionou, mas na hora de colocar pra funcionar o javascript manualmente está dando erro. me ajudem please.. *-* ou seja, apenas na última linha da tabela está aparecendo a bolinha. aqui está parcialmente a tabela com o usuário, e quero que apareça a bolinha do lado do nome dele. <td> <?php require "conexao.php"; require "contar_usuario.php"; $i = 1; $consultar = odbc_exec($con,"SELECT * FROM TBUSUARIO"); while($dados = odbc_fetch_array($consultar)){ ?> <tr> <td> <input type="hidden" id="login<?php echo $i; ?>" name="login<?php echo $i; ?>" value="<?php echo $dados['LOGIN']; ?>"> <div id="status<?php echo $i; ?>"></div> <?php echo $dados['NOME']; $i++; ?> </td> aqui está o código javascript (que esta dando erro): function navegador(){ if(window.XMLHttpRequest) { var nav = new XMLHttpRequest(); }else if(window.ActiveXObject) { var nav = new ActiveXObject("Microsoft.XMLHTTP"); } if(nav){ return nav; } } function stats() { req = navegador(); var i = 1; var j = 0; for(i;i<=22;i++){ j++; var l = "login"+j; var s = "status"+j; login = document.getElementById(l).value; req.open("Get","ver_stats.php?login="+login, true); req.onreadystatechange = function() { if(req.readyState == 4 && req.status == 200) { document.getElementById(s).innerHTML = req.responseText; } } } req.send(null); setTimeout("stats()",100); } e aqui está o php que faz a verificação (acredito que esteja certo): ver_stats.php <?php require "conexao.php"; $login = $_GET['login']; $consultar = odbc_exec($con,"SELECT * FROM TBUSUARIO WHERE LOGIN = '$login'"); while($dados = odbc_fetch_array($consultar)){ if($dados['STATUS']==1){ echo "<img src='img/online.png'>"; }else{ echo "<img src='img/offline.png'>"; } } ?>
-
<?php require_once "../include/mysql.inc2.php"; $q = $_GET["q"]; if(!$q) return; $sql = selecionaBD("produtos", "WHERE descricao LIKE '$q%' OR gtin_ean LIKE '$q%' ORDER BY descricao LIMIT 5") or die("Erro ao consultar"); $total = totalBD($sql); if ($total > 0){ while($res = listalinhas($sql)){ $desc = $res['descricao']; $qnt = "1"; $vlr = $res['preco_v']; echo "<input type=\"text\" id=\"bitem_1\" value=\"$desc\" style=\"display:none;\" />"; echo "<input type=\"text\" id=\"bqnt_1\" value=\"$qnt\" style=\"display:none;\" />"; echo "<input type=\"text\" id=\"bvlr_1\" value=\"$vlr\" style=\"display:none;\" />"; echo "<a href=\"javascript:func();\" class=\"res\" id=\"res\" onclick=\"passar_1();\">"; echo "<div class=\"nome\"><strong>$desc</strong> \n"; echo "</div>"; } }else{ echo "<div class=\"nome\">Nenhum Resultado </div> \n"; } ?>
-
Boa Tarde! Tenho um sistema de vendas em php que utiliza uma função em ajax, para poder trazer o produto quando ele é selecionado, entretanto era para ele estar fazendo a soma dos produtos automaticamente, mas ele não realiza essa função, ele só esta somando quando eu clico no campo do input do produto e mesmo assim se eu tiver por exemplo 10 produtos, e eu clicar no input do primeiro item ele apenas mostra o valor total do primeiro item sem somar os demais... poderiam estar me ajudando a como resolver um problema de calculo dinamico.
-
Tenho um pequeno sistema e eu gostaria de ajuda em uma coisa, que quando o vendedor (eu), seleciona um produto trazer os valores corretos, isso eu consegui resolver, o que preciso de ajuda é que quando selecionado o item ele vá para um input e a caixa de pesquisa desapareça com os outros itens, HTML <input type="text" id="valor" name="item_1" onKeyUp="buscarNoticias(this.value)" style="width:500px !important"/> <div id="resultado"></div> JAVASCRIPT var req; function buscarNoticias(valor) { if(window.XMLHttpRequest) { req = new XMLHttpRequest(); } else if(window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } var url = "busca.php?valor="+valor; req.open("Get", url, true); req.onreadystatechange = function() { if(req.readyState == 1) { document.getElementById('resultado').innerHTML = 'Buscando Produtos...'; } if(req.readyState == 4 && req.status == 200) { // Resposta retornada pelo busca.php var resposta = req.responseText; // Abaixo colocamos a(s) resposta(s) na div resultado document.getElementById('resultado').innerHTML = resposta; } } req.send(null); } //função para exibir noticias function exibirConteudo(id) { // Verificando Browser if(window.XMLHttpRequest) { req = new XMLHttpRequest(); } else if(window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } // Arquivo PHP juntamento com a id da noticia (método GET) var url = "exibir.php?id="+id; // Chamada do método open para processar a requisição req.open("Get", url, true); // Quando o objeto recebe o retorno, chamamos a seguinte função; req.onreadystatechange = function() { // Exibe a mensagem "Aguarde..." enquanto carrega if(req.readyState == 1) { document.getElementById('conteudo').innerHTML = 'Aguarde...'; } // Verifica se o Ajax realizou todas as operações corretamente if(req.readyState == 4 && req.status == 200) { // Resposta retornada pelo exibir.php var resposta = req.responseText; // Abaixo colocamos a resposta na div conteudo document.getElementById('conteudo').innerHTML = resposta; } } req.send(null); } PHP busca.php include('conn.php'); //recuperação de valores if(!empty($_GET["valor"])){ $valor=$_GET['valor']; //selecionar os valores do banco $sql = mysql_query("SELECT * FROM produtos WHERE descricao LIKE '".$valor."%' OR gtin_ean LIKE '".$valor."%' LIMIT 5"); //while para trazer todos os valores do banco while ($noticias = mysql_fetch_array($sql)) { echo ("<div class='exibir_res'>"); echo ("<a href=\"javascript:func()\" onblur=\"passar_1()\" onclick=\"exibirConteudo('".$noticias['codigo']."')\">".$noticias['descricao']."</a><br />"); echo ("</div>"); } } exibir.php include('conn.php'); ####################### // Variaveis $id = $_GET['id']; //$id = $_GET['id']; $qnt = '1'; ####################### $sql = mysql_query("SELECT * FROM produtos WHERE codigo = '".$id."'"); $prod = mysql_fetch_array($sql); ####################### // Exibi os produtos echo('<input type="text" style="display:none;" name="item_1" value="'.$prod['descricao'].'" />'); echo('<input type="text" style="width:100px !important" id="qnt_1" name="qnt_1" value="'.$qnt.'" onblur="calcula_1();" />'); echo('<input type="text" style="width:100px !important" id="vlr_1" name="vlr_1" value="'.$prod['preco_v'].'" onblur="calcula_1();" />'); echo('<input type="text" style="width:100px !important" id="vlritem_1" name="vlritem_1" onblur="calcula_1();" value="'.number_format($qnt*$prod['preco_v'],2,",",".").'" />'); -
To com um pequeno problemas, no caso eu tenho um código de uma consulta dinâmica, onde o usuário digita o nome do produto, e aparecera umas opções para qual produto ele deseja escolher no caso eu gostaria que você me ajudassem com os seguintes itens, sou leigo em programação ainda. 1° Que os itens desaparecessem após ele selecionar o itens desejados. 2° Que o item desejado tem seu nome marcado diretamente no input, 3° Que vá automaticamente ao próximo capo de itens. Seguem os códigos Abaixo; Index.php <input style="width:500px !important;" type="text" id="valor" onKeyUp="buscarNoticias(this.value)" value="<?=$itm?>" onfocus="if (this.value == '<?=$itm?>') this.value = '';" onblur="if (this.value == '') this.value = '<?=$itm?>';" /> <div id="resultado"></div> </td> <td> <div id="conteudo"> <input type="text" style="width:100px !important" placeholder="Quantidade"/> <input type="text" style="width:100px !important" placeholder="Valor Unitario"/> <input type="text" style="width:100px !important" placeholder="Valor Total"/> </div> script.js var req; function buscarNoticias(valor) { if(window.XMLHttpRequest) { req = new XMLHttpRequest(); } else if(window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } var url = "busca.php?valor="+valor; req.open("Get", url, true); req.onreadystatechange = function() { if(req.readyState == 1) { document.getElementById('resultado').innerHTML = 'Buscando Produtos...'; } if(req.readyState == 4 && req.status == 200) { // Resposta retornada pelo busca.php var resposta = req.responseText; // Abaixo colocamos a(s) resposta(s) na div resultado document.getElementById('resultado').innerHTML = resposta; } } req.send(null); } //função para exibir noticias function exibirConteudo(id) { // Verificando Browser if(window.XMLHttpRequest) { req = new XMLHttpRequest(); } else if(window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } // Arquivo PHP juntamento com a id da noticia (método GET) var url = "exibir.php?id="+id; // Chamada do método open para processar a requisição req.open("Get", url, true); // Quando o objeto recebe o retorno, chamamos a seguinte função; req.onreadystatechange = function() { // Exibe a mensagem "Aguarde..." enquanto carrega if(req.readyState == 1) { document.getElementById('conteudo').innerHTML = 'Aguarde...'; } // Verifica se o Ajax realizou todas as operações corretamente if(req.readyState == 4 && req.status == 200) { // Resposta retornada pelo exibir.php var resposta = req.responseText; // Abaixo colocamos a resposta na div conteudo document.getElementById('conteudo').innerHTML = resposta; } } req.send(null); } function sumir(){ document.getElementById('resultado').value; } buscar.php <?php //conexao com o banco include('conn.php'); //recuperação de valores $valor=$_GET['valor']; //selecionar os valores do banco $sql = mysql_query("SELECT * FROM produtos WHERE descricao LIKE '%".$valor."%' OR gtin_ean LIKE '%".$valor."%' LIMIT 5"); //while para trazer todos os valores do banco while ($noticias = mysql_fetch_array($sql)) { echo "<a href=\"javascript:func()\" onclick=\"exibirConteudo('".$noticias['codigo']."') onclick=\"sumir\">" . $noticias['descricao'] . "</a><br />"; } //rediricionamento do para pagina; // header("Content-Type: text/html; charset=ISO-8859-1",true); ?> exbir.php <?php //conexao com o banco include('conn.php'); // Recebe a id enviada no método GET $id = $_GET['id']; // Seleciona a noticia que tem essa ID $sql = mysql_query("SELECT * FROM produtos WHERE codigo = '".$id."'"); // Pega os dados e armazena em uma variável $noticia = mysql_fetch_array($sql); // Exibe o conteúdo da notica $qnt = "1"; echo "<div class='res' id='res' onblur='passar_1();'>"; echo "<input type='text' style='display:none;' id='valor' value='".$noticia['descricao']."' name='item_1' >"; echo "<input type='text' style='width:100px !important;' id='qnt_1' name='qnt_1' value=".$qnt." onblur='calcula_1();'/>"; echo ' '; echo "<input type='text' style='width:100px !important;' id='vlr_1' name='vlr_1' value=".$noticia['preco_v']." onblur='calcula_1();' />"; echo ' '; echo "<input type='text' style='width:100px !important;' name='vlritem_1' value=".number_format($qnt*$noticia['preco_v'],2,',','.')." onblur='calcula_1()' />"; //echo "<div class='nome'><strong>".$noticia['descricao']."</strong>"; echo "</div>"; // Acentuação // header("Content-Type: text/html; charset=ISO-8859-1",true); ?> conn.php <?php $host = "localhost"; $usuario = "erp"; $senha = "paralelo007"; $banco = "erp_apre"; $conn = mysql_connect($host, $usuario, $senha); $db = mysql_select_db($banco, $conn); error_reporting(E_ERROR | E_WARNING | E_PARSE | E_NOTICE); ?>
-
Pessoal poderiam me ajudar, estou tentando fazer um select option, que quando ao usuario clica em um produto cadastrado no banco de dados ele resgata numa input type, o preço do produto selecionado. <select name="item_1" id="item_1" class="item_1"> <option disabled="disable" selected="selected">Escolha um Produto</option> <?php $b_prod=selecionaBD("produtos","ORDER BY descricao ASC"); while($prod=listaLinhas($b_prod)){ ?> <option value="<?=$prod['descricao']?>" ><?=$prod['descricao'] ?></option> <? } ?> </select> <br> <input type="text" id="valor" value="<?php //valor do produto ?>" />
-
tudo bom gostaria de solicitar a ajuda dos senhores com ajx eu tenho conhecimento mediano em php estou desenvolvendo um programa de vendas gostaria de saber se e possivel com ajax ir selecionando itens e um select e depois transferilos para um array com ajax sem que fosse feito o refresh na pagina seria possivel ???
-
Olá Estou trabalhando em uma página de upload de fotos. Gostaria de Exibir uma mensagem de 'carregando' enquanto o site envia informações: Porém só consigo exibir quando o site já enviou as informações e está gravando no banco. Já tentei vários plugins e ainda não consegui. Segue abaixo o código que usei: <script src="../includes/js/jquery.js"></script> <script> function loading(status) { if (status == 1) $('#loading').fadeIn(); else $('#loading').fadeOut(); } </script> <script> $(function() { // Quando a página estiver carregada loading(0); // Esconder o loading }); </script> Alguém poderia ajudar?
