Jump to content

Search the Community

Showing results for tags 'Jquery'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 919 results

  1. Olá boa tarde, tudo bem? Tenho uma consulta de CEP via AJAX, na qual ele seleciona a cidade no SELECT cidades: $("#cidade").val(dados.localidade); O problema é que tem que estar exatamente igual nos 2 lados, na consulta e no select. Como fazer para não diferenciar minúsculas e maiúsculas, e caracteres especiais? Obrigado!
  2. Hamilcar

    Jquery não carrega

    Bom dia galera! Estou com um problema aqui que não sei o que acontece, nas minhas páginas uso o jquery, acredito que ele esteja dando problemas, pois tenho um quadro de slides e este quando chamo jquery direto da pasta, o slide não funciona, e quando coloco pra chamar via url, o slide funciona. Outra coisa, na parte de ajax, não consigo fazer as requisições, não funciona, não funciona localmente e não funciona em duas hospedagens gratuita que uso pra teste, mas funciona tudo na minha hospedagem paga, o mesmo código, sem tirar nem por nada, precisava funcionar pelo menos localmente para poder fazer manutenções localhost, alguém já passou por isto?
  3. juliosertori

    Moeda em Javascript com Erro Numérico

    Olá tudo bem? Tenho campos de produtos que somam os valores e multiplicam pela quantidade, na maioria das vezes o valor sai corretamente em um INPUT com MASK de Moeda, mas alguns valores sai por exemplo dessa forma: 8984.960000000001 O que faz com que não fique corretamente para mandar no POST e tratar os dados depois, na maioria das vezes ele vem correto, por exemplo: R$ 8,898.10 Não encontrei uma forma dele tratar quando tiver várias casas ele concertar etc.
  4. Pessoal, bom dia! Tenho o código abaixo que faz um efeito de parallax e está funcionando normalmente CSS #top { background: url("img/1.jpg"); height: 300px; } #mid { background: url("img/2.jpg"); height: 400px; } #bot { background: url("img/3.jpg"); height: 500px; } HTML <script type="text/javascript" src="jquery.js"></script> <body> <div id="top" class="prlx"></div> <div id="mid" class="prlx"></div> <div id="bot" class="prlx"></div> </body> JQUERY $('.prlx').each(function() { var obj = $(this); obj.css('background-position', 0); obj.css('background-attachment', 'fixed'); $(window).scroll(function() { var offset = obj.offset(); var yPos = -($(window).scrollTop() - offset.top) / 10; var bgpos = '50% ' + yPos + 'px'; obj.css('background-position', bgpos); }); }); Fui aplicar no meu site https://acweb.net.br/ e o efeito parallax não funcionou embora no inspector dá para ver os cálculos sendo feitos e adicionado às sections Alguém me ajuda a descobrir onde errei? Já estou faz um tempão e não acho! As sections afetadas são as que começam com os textos Fazemos todo o trabalho por você e contato,
  5. juliosertori

    JSON dentro de While Javascript

    Olá galera tudo bem? Tenho um While em Javascript, e preciso dentro dele um JSON, ex: while ( qtdProd <= qtdProdutos ) { { "cod_barras": "SEM GTIN", "codigo_produto": 1, "nome_produto": "Coca-cola lata 350 ml", "ncm": "44071100", "unidade": "UN", "quantidade": 1.00, "valor_unitario": 3.5, "compoe_valor_total": 1 } qtdProd++; } Logicamente assim não funciona, mas não encontrei como inserir corretamente
  6. juliosertori

    Envio de JSON via AJAX POST

    Olá galera tudo bem? Tenho o seguinte JSON: var jsNfe = { "venda": { "identificacao": 1, "comentario": "" }, "documento": { "numero_nf": 663, "natureza_operacao": "Venda de produto de estabelcimento", "cfop": "6101", "numero_serie": 1, "ambiente": 2, "info_complementar": "", "consumidor_final": 1, "operacao_interestadual": 1, "CSC": "GPB0JBWLUR6HWFTVEAS6RJ69GPCROFPBBB8G", "CSCid": "000002" }, "emitente": { "codigo_uf": 31, "razao_social": "empresa", "nome_fantasia": "empresa", "ie": "5464324354", "cnpj": "25447541000155", "crt": 1, "csosn": "101", "logradouro": "ENDERECO", "numero": 444, "complemento": "", "bairro": "CENTRO", "nome_municipio": "Serrania", "cod_municipio_ibge": "3166907", "uf": "MG", "cep": "37143000", "nome_pais": "Brasil", "cod_pais": "1058" }, "destinatario": { "nome": "DESTINAT", "tipo": "j", "cpf_cnpj": "544114552000155", "ie_rg": "54545454", "contribuinte": 1, "logradouro": "ENDERECO, "numero": 665, "complemento": "", "bairro": "centro", "nome_municipio": "cidade", "cod_municipio_ibge": "4112009", "uf": "PR", "cep": "546545645", "nome_pais": "Brasil", "cod_pais": 1058 }, "itens": [ { "cod_barras": "SEM GTIN", "codigo_produto": 1, "nome_produto": "Coca-cola lata 350 ml", "ncm": "44071100", "unidade": "UN", "quantidade": 1.00, "valor_unitario": 3.5, "compoe_valor_total": 1 } ], "frete": { "modelo": 0, "valor": 1.2, "quantidade_volumes": 1.0, "numero_volumes": 1.0, "especie": "TON", "placa": "AZE1757", "uf_placa": "PR", "peso_liquido": 10.0, "peso_bruto": 12.0 }, "responsavel_tecnico": { "cnpj": "454545454444", "contato": "CONT", "email": "EMAIL", "telefone": "TEL" }, "pagamento": { "tipo": "14", "indicacao_pagamento": 0 }, "fatura": { "desconto": 0.00, "total_nf": 3.5 }, "duplicatas": [ { "data_vencimento": "2020-04-21", "valor": 3.5 } ], "tributacao": { "icms": 0.00, "pis": 0.00, "cofins": 0.00, "ipi": 0.00 } }; Já testei diretamente no POSTMAN, ele funciona perfeitamente no sistema, mas não consigo de forma alguma enviar via AJAX POST Vlww
  7. Boa tarde meus amigos, utilizei o modal bootstrap do link modal bootstrap para efetuar edição de um campo texto, consigo fazer o mesmo sem problemas, porém o q ocorre é que já possuo uma tabela onde este campo texto contem em alguns deles cadastros feitos com aspas, aí esta me ocorrendo o problema, pois no caso deste tipo de edição o mesmo carrega o textarea até onde vem uma aspas, depois não completa o texto, tipo, vamos dizer que eu tenho o texto: Imasters é um dos melhores fóruns que temos, merce "um prêmio " bla bla bla bla só esta carregando no textarea para edição: imasters é um dos melhores fóruns que temos, merce Desde já agradeço qq ajuda.
  8. Estou fazendo um slide, Nele, tenho 2 problemas que não encontro solução e peço a ajuda de vocês! Problemas que existem agora: A) Quando o slide começa, no arranque, está sem o efeito. Mas só o arranque mesmo, depois tudo sai corretamente e o feito funciona tanto na ida quanto na volta. B) Perceba que eu crio uma UL clone, e, em algumas rodadas a primeira LI dela está sobrepondo um pouco sobre a ultima LI da UL anterior em uma volta. Já em outra volta vai normal e numa outra volta acaba dando um espaço maior entre as LIs. Acho que erro de arredondamento ou de conta! Pode notar no inicio do JS o trecho $(".itens").css('transition','all 1s ease'); Que tecnicamente deveria adicionar o efeito antes mesmo do loop começar. Sendo assim, não consigo ver motivo do arranque não ter o efeito Coloquei no codepen.io para vocês verem os problemas acontecendo!: https://codepen.io/carcleo/pen/RwPGeMN CSS: * { border:0; padding: 0; margin: 0; outline: 0; box-sizing: border-box; } body { display:flex; width: 1040px; margin: 0 auto; justify-content: center; } .slider > * { border:0; padding: 0; margin: 0; outline: 0; box-sizing: border-box; } .slider { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 130px; border: 0; } .slider > #holder { position: relative; display: flex; overflow: hidden; } .slider > #holder > #uls { position: relative; display: flex; } .slider > #holder > #uls > ul { position: relative; display: flex; } .slider > #holder > #uls > ul > li { position: relative; display: flex; align-items: center; justify-content: center; width: 200px; height: 100px; } .slider > #holder > #uls > ul > li > a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .slider > #holder > #uls > ul > li > a > img { height: 100%; } .slider > #title { position: absolute; align-items: center; justify-content: center; display: none; width: 100px; height: 30px; top: 50px; right: calc(50% - 25px); background: #999; border: 1px solid #ccc; } .slider > #controles { display: flex; align-items: center; justify-content: center; width: 100%; height: 30px; } .slider > #controles > button { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; cursor: pointer; margin: auto 5px; border-radius: 50%; opacity: .2; } .slider > #controles > button:hover { opacity: 1; border: 1x solid #ccc; } HTML: <div class="slider"> <div id="holder"> <div id="uls"> <ul class="itens"> <li><a href=''><img src='img/sites/ctemcasb.png'></a></li> <li><a href=''><img src='img/sites/fielcard.png'></a></li> <li><a href=''><img src='img/sites/funerariasaopedro.png'></a></li> <li><a href=''><img src='img/sites/gasmuriae.png'></a></li> <li><a href=''><img src='img/sites/hotplateprensas.png'></a></li> <li><a href=''><img src='img/sites/mariasvaidosas.png'></a></li> </ul> </div> </div> <span id="title">Pausado</span> <div id="controles"> <button id="back"> < </button> <button id="next"> > </button> </div> </div> <script type="text/javascript" src="scripts/js/jquery.js"></script> JAVASCRIPT $(document).ready( function() { //cria as variáveis NÃO modificáveis; var container = $("div.slider"), holder = $(container).find("div#holder"), uls = $(holder).find("div#uls"), ul = $(uls).find("ul"), lis = $(ul).find("li"), tamanhoLi = Math.round ( $(lis).first().width() ), numeroLis = Math.round ( $(lis).length ), tamanhoUl = Math.round ( tamanhoLi * numeroLis ), controles = $(container).find("div#controles"), span = $(container).find("span#title"), btnVoltar = $(controles).find("button#back"), btnAvancar = $(controles).find("button#next"); //cria as variáveis modificáveis; var numeroSlidesMostra = 4, tempoIntervalo = 2000; //determina a largura da div que abrigará as UL's. $(holder).width(numeroSlidesMostra * tamanhoLi); //determina a largura das ULs partindo do produto entre a largura de cada LI e a quantidade de LI's $(ul).width(tamanhoUl); //acresenta efeito de transição na UL $(".itens").css('transition','all 1s ease'); //fazendo um clone no final da da div de ULs $(ul).clone().appendTo(uls); //função avançar function avancar () { $(".itens").each (function() { console.log ( Math.round ( $(this).position().left ) ); if ( Math.round ( $(this).position().left ) <= -Math.round ( $(ul).width() ) ) $(this).css({ "transition" : "none", "left" : "+=" + ( ( 2 * tamanhoUl ) - tamanhoLi ) }) ; else $(this).css({ "transition" : "all 1s ease", "left" : "-=" + tamanhoLi }) ; }); } //função voltar function voltar () { $(".itens").each (function() { console.log ( Math.round ( $(this).position().left ) ); if ( Math.round ( $(this).position().left ) >= Math.round ( $(holder).width() ) ) $(this).css({ "transition" : "none", "left" : "-=" + ( ( 2 * tamanhoUl ) - tamanhoLi ) }) ; else $(this).css({ "transition" : "all 1s ease", "left" : "+=" + tamanhoLi }) ; }); } //código do onClick no botão avancar btnAvancar.click ( function (e) { clearInterval(loop); avancar(); loop = setInterval( avancar, tempoIntervalo); }); //código do onClick no botão voltar btnVoltar.click ( function (e) { clearInterval(loop); voltar(); loop = setInterval( avancar, tempoIntervalo); }); //dispara o loop na função avançar var loop = setInterval( avancar, tempoIntervalo ); //para e reinicia o loop ao passar/retirar o mouse sobre o slide holder.mouseover(function(){ clearInterval(loop); //mostra a mensagem span.css("display", "flex"); }).mouseout(function(){ loop = setInterval( avancar, tempoIntervalo ); //esconde a mensagem span.css("display", "none"); }); })
  9. Boa tarde, gostaria da ajuda de vcs, tenho um select option que busca os dados no bd, logo após este tenho um botão onde abro uma janela modal para incluir mais opções a este select caso necessite, com isso faço um cadstro no bd sem dar refresh na página, isto pq já tenho itens inseridos nos demais inputs, o que eu preciso é que após o cadastro este select option seja atualizado sem o refres da página. segue o código. <select id="location" name="reup" > <option value="">item</option> <?php aqui vem os demais option com a busca no bd ?> </select> Jquery $('#insert').click(function(e){ e.preventDefault(); var nomer = $('#nomer').val(); ..... var obsr = $('#obsr').val(); $.post('insreu.php', { nomer:nomer, ..... obsr:obsr }, function(resposta){ if(resposta == 1){ $('input, textarea').val(''); $('#reup').append(e); alert('Cadastrado com sucesso.'); }else { alert(resposta); } }); }); Desde já agradeço.
  10. Estou tentando criar um slideshow mas personalizado sem depender de biblioteca de terceiros (salvo, jQuery); O objetivo é: A) O slide rodar interminavelmente. B) Ao passar o mouse no slide, ele deve parar; C) Ao deixar o slide, ele deve continuar rodando de onde parou! D) AQUI ESTÁ O PROBLEMA => Ao passar o mouse novamente o interval deve parar. Mas não está parando, function intervalo () { $(".slider > #next").click (); } interval = setInterval(intervalo,4000); $(".slider > ul > li").mouseover(function(){ clearInterval(interval); }).mouseout(function(){ interval = setInterval(intervalo,4000); }); $(".slider > #back").click ( function(){ var liMover = $('.slider ul li:last-of-type'); // copia o conteudo da última $('slider ul li:last-of-type').remove(); // remove a última $(liMover).insertBefore('.slider ul li:first-of-type'); // insere antes da primeira }); $(".slider > #next").click ( function(){ var liMover = $('.slider ul li:first-of-type'); // copia o conteudo da primeira $('.slider ul li:first-of-type').remove(); // remove a primeira $(liMover).insertAfter('.slider ul li:last-of-type'); // insere depois da última }); * { margin: 0; padding: 0; } body { display: flex; width: 1000px; margin: 0 auto; } .slider { position: relative; display: flex; flex-direction: column; width: 1000px; height: 150px; overflow: hidden; border: 1px solid #000; } .slider > ul { display: flex; flex-wrap: wrap; width: 5000px; } .slider > ul > li { display: flex; width: 500px; height: 150px; } .slider > button { position: absolute; display: flex; justify-content: center; top: calc(45% - 15px); width: 30px; height: 30px; opacity: .2 } .slider > button:hover { opacity: 1; cursor: pointer; } .slider > button#back { left: 10px; } .slider > button#next { right: 10px; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="slider"> <ul> <li> Slide 1 </li> <li> Slide 2 </li> <li> Slide 3 </li> <li> Slide 4 </li> </ul> <button id="back"> BACK </button> <button id="next"> NEXT </button> </div> O que estará errado!?
  11. Carcleo

    Efeito em insertAfter

    Tenho um botão, que pega a primeira li da ul e joga ela para a ultima posição ininterruptamente e assim eu faço um efeito de slideshow. HTML: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="slider"> <ul> <li> Slide 1 </li> <li> Slide 2 </li> <li> Slide 3 </li> <li> Slide 4 </li> </ul> <button id="back"> BACK </button> <button id="next"> NEXT </button> </div> CSS: * { margin: 0; padding: 0; } body { display: flex; width: 1000px; margin: 0 auto; } .slider { position: relative; display: flex; flex-direction: column; width: 1000px; height: 200px; overflow: hidden; border: 1px solid #000; } .slider > ul { display: flex; flex-wrap: wrap; width: 5000px; } .slider > ul > li { display: flex; justify-content: center; width: 500px; height: 150px; margin: 10px; } .slider > ul > li:hover { cursor: crosshair; } .slider > button { position: absolute; display: flex; justify-content: center; top: calc(45% - 15px); width: 30px; height: 30px; opacity: 0.2; } .slider > button:hover { opacity: 1; cursor: pointer; } .slider > button#back { left: 10px; } .slider > button#next { right: 10px; } .animacao { animation-duration: 4s; animation-name: identifier; } @keyframes identifier { 0% { right: 0; } 50% { right: 50%;} 75% { right: 75%; } 100% { right: 100%; } } JQUERY: function intervalo () { $(".slider > #next").click (); } var interval = setInterval(intervalo,4000); $(".slider > ul > li") .mouseover(function(){ clearInterval(interval); }) .mouseout(function(){ interval = setInterval(intervalo,4000); }) .addClass("animacao"); $(".slider > #back").click ( function(){ var liMover = $('.slider ul li:last-of-type'); // copia o conteudo da última $(liMover).insertBefore('.slider ul li:first-of-type'); // insere antes da primeira }); $(".slider > #next").click ( function(){ var liMover = $('.slider ul li:first-of-type'); // copia o conteudo da primeira $(liMover).insertAfter('.slider ul li:last-of-type'); // insere depois da última }); Tudo funciona bem. Mas estou tentando adicionar um efeito de transição tipo quando as lis mudarem de posição, elas correrem da direita para a esquerda em vez de aparecerem abruptamente. Será que tem como?
  12. weltonmatos

    Pop Up não fecha

    Estou instalando na plataforma Tray uma Pop Up de saída que surge quando o usuário leva o cursor pra barra de navegação. A pop aparece. O que não funciona é o botão fechar. function stick_close() { $('.stick_container').fadeOut(function() { $(this).remove(); }); $('.stick_block_layer').fadeOut(function() { $(this).remove(); }); $.removeData( document.body, "stick_var" ); } $.stick_close = function() { stick_close(); } <div id="modal-newsletter" style="display:none;" class="stick_popup"> <div class="stick_close" onclick="$.stick_close()">X</div> <div class="stick_content"> <h1>Teste</h1> </div> </div>
  13. granderodeo

    Abrir modal relativa ao id do pedido

    Tenho a página pedidos.php, que recebe todos os pedidos que foram feitos no site nessa página tem informações com ID do pedido, ID do usuário, Endereço etc. Fiz um botão `Produtos` para que quando o ADM clique, abra uma modal vinda de outra página `modalbox.php`, com os produtos pedidos referentes aquele pedido. Por exemplo Pedido nº 833 ao lado dele terá um botão `Produtos` e quero que quando abrir a modal venha somente os produtos pedidos pelo 833. Com o código que tenho até o momento a modal abre, mas não mostra os produtos. pedidos.php <!-------------------------------- PEDIDOS -------------------------> <div class="table-responsive mt-2"> <table class="table table-bordered table-striped text-center"> <thead> <tr> <td colspan="9"> <h4 class="text-center text-info m-0">Pedidos realizados</h4> </td> </tr> <tr> <th class="text-center">ID do pedido</th> <th class="text-center">Nome do cliente</th> <th class="text-center">E-mail</th> <th class="text-center">Endereço</th> <th class="text-center">Número da casa</th> <th class="text-center">Valor</th> <th class="text-center">ID cliente</th> <th class="text-center">Situação</th> <th class="text-center">Produtos</th> </tr> </thead> <tbody> <?php require 'conexao_pedidos.php'; $stmt = $conn->prepare("SELECT * FROM orders"); $stmt->execute(); $result = $stmt->get_result(); while($row = $result->fetch_assoc()): ?> <tr> <td> <?= $row['order_id'] ?></td> <!-- ID do pedido --> <td> <?= $row['order_name'] ?></td> </td> <td><?= $row['order_email'] ?> </td> <td> <?= $row['order_endereco'] ?> </td> <td> <?= $row['order_numero'] ?> </td> <td>R$<?= $row['valor_total'] ?></td> <td><?= $row['id_usuario'] ?> </td> <!---- BOTÃO PARA ABRIR MODAL COM OS PRODUTOS ----> <td> <a class="btn btn-danger pull-right" data-toggle="modal" href="#myModal" id="modellink" data-client="<?= $row['order_id'] ?>">Produtos</a> <div class="modal-container"></div> <!----FIM BOTÃO PARA ABRIR MODAL COM OS PRODUTOS ----> </tr> <?php endwhile; ?> </tbody> </table> </div> <!----- JQUERY PARA ABRIR MODAL -----> <script type="text/javascript"> $(document).ready(function(){ var order_id = $(this).attr("data-client"); var url = "modalbox.php?order_id=" + order_id; $_post(url,{ order_id = order_id, }, jQuery('#modellink').click(function(e) { $('.modal-container').load(url,function(result){ $('#myModal').modal({show:true}); }); }); }); </script> modalbox.php <div id="myModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <div class="table-responsive mt-2"> <table class="table table-bordered table-striped text-center"> <thead> <tr> <td colspan="8"> <h4 class="text-center text-info m-0">Produtos dos pedidos</h4> </td> </tr> <tr> <th>ID do pedido</th> <th>ID cliente</th> <th>ID produto</th> <th>Quantidade</th> </tr> </thead> <tbody> <?php extract($order_id); if (isset($_GET['order_id'])) { $order_id = $_GET['order_id']; } else { die("ERRO: ID não definido."); } require 'conexao_pedidos.php'; $stmt = $conn->prepare("SELECT * FROM orders_items WHERE order_id = '$order_id'"); $stmt->execute(); $result = $stmt->get_result(); while($row = $result->fetch_assoc()): ?> <tr> <td> <?= $row['order_id'] ?> </td> <td> <?= $row['id_usuario'] ?></td> </td> <td> <?= $row['product_id'] ?> </td> <td> <?= $row['quantity'] ?> </td> <!------- FIM ITEM REMOVER DO CARRINHO -------> </tr> <?php endwhile; ?> </tbody> </table> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save</button> </div> </div> </div> </div>
  14. Good

    Sistema de Delivery

    Boa noite, gostaria de saber como vocês fariam um sistema de delivery. Pensei em 3 soluções: 1. Cadastrar as faixas de CEP que haverá sistema de entregas; 2. Criar uma área delimitadora no google e exportar em KML para fazer a validação se o endereço do cliente está dentro do raio; 3. Criar um raio de entregacom ponto fixo do estabelecimento, por exemplo, o estabelecimento só vai poder atender em um raio de até 10km. Qual método o ifood e outros gigantes trabalham? Existe algum código pronto para que eu possa dar uma olhada? Aguardo um contato, obrigado!
  15. Olá! Recentemente fiz uma postagem aqui no fórum a respeito de se carregar valores em um input text baseando-se na opção selecionada em uma select box, onde obtive uma solução. Por conta disso resolvi adicionar um complemento neste meu código onde o mesmo deve carregar valores corretamente dentro de uma input text utilizando o plugin TypeAhead.js e o evento onchange do Jquery. Como forma de demonstrar a minha dúvida em funcionamento, criei uma página como forma de testar a solução. O que ocorre é que quando seleciona uma opção no select box "Categorias", o Ajax manda um request para o php script onde o mesmo retorna os valores corretamente em JSON conforme a imagem do console do navegador Chrome abaixo: Até aqui os valores relacionados com a opção selecionada no select box "Categorias" são carregados corretamente porém se eu não atualizar a página "F5" e ao mesmo tempo eu selecionar alguma outra opção dentro do select box, o input text carrega além dos valores relacionados, todos os valores não relacionados com a opção selecionada ou seja, o input text somente carrega os valores corretamente se eu atualizar a página em questão. Abaixo uma imagem demonstrando os valores carregados em uma input text quando seleciono uma outra opçao no select box quando não se atualiza a página. Todos os valores não relacionados também são carregados: Abaixo publico o html e os scripts Ajax, Typeahead e PHP que estou utilizando neste projeto: HTML <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <!-- jQuery UI library --> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script> </head> <body> <div class="container"> <br> <h1>DYNAMIC TWITTER TYPEAHEAD</h1> <br> <div class="row"> <?php // Include the database config file include_once 'dbConfig.php'; // Fetch all the country data $query = "SELECT * FROM categorias ORDER BY categoria ASC"; $result = $db->query($query); ?> <!-- categoria dropdown --> <div class="col-md-4"> <select id="categoriaFK" name="categoriaFK" class="form-control"> <option value="">seleciona categoria</option> <?php if($result->num_rows > 0){ while($row = $result->fetch_assoc()){ echo '<option value="'.$row['categoriaID'].'">'.$row['categoria'].'</option>'; } }else{ echo '<option value="">Categoria não encontrada</option>'; } ?> </select> </div> <div class="col-md-4" id="prod"> <div ><input type="text" name="produtos" id="produtos" class="form-control input-lg typeahead" autocomplete="off" placeholder="" /></div> </div> <div class="col-md-4"> <div id="imagem" name="imagem"></div> </div> </div> </div> </body> </html> No script abaixo, o Ajax envia um request para o script PHP que por sua vez retorna os valores em JSON para o Ajax que envia para o TypeAhead e carrega o input text com valores relacionados. Após selecionar uma opção no input text, o Jquery envia um valor relacionado para a div "#imagem" : $(document).ready(function(){ var produtos; var nomes = []; // array var lista = {}; // objeto $('#categoriaFK').on('change', function(){ var queryID = $(this).val(); $.ajax({ url:"fetch.php", method:"POST", data:{categoria:queryID}, dataType:"json", success:function(data){ console.log(data); $.each(data, function(i, optionHtml){ $('#produtos').append(optionHtml); }); $("#imagem").empty(''); $(".typeahead").val(''); produtos = data; } }); $('.typeahead').typeahead({ source: function(query, result) { $.each(produtos, function(idx, item){ if(!~nomes.indexOf(item.nomeProduto)) nomes.push(item.nomeProduto); lista[item.nomeProduto] = item.imagem; }); return result(nomes); }, afterSelect: function (data) { var img = lista[data]; $('#imagem').html(img); }, }); }); }); Abaixo, o php script que seleciona os valores baseando-se no valor selecionado do select box e os envia em formato JSON para o Ajax: <?php require_once 'dbConfig.php'; if(!empty($_POST["categoria"])){ $query = " SELECT * FROM produtos WHERE categoriaFK = ".$_POST['categoria']." "; $result = $db->query($query); $data = array (); if ( $result->num_rows > 0 ) { while($row = $result->fetch_assoc ()) { $data[] = $row; } header("Content-type: application/json; charset=utf-8 cache-control: no-cache, no-store, must-revalidate"); echo json_encode($data); exit(); } } ?> No caso como mencionado acima, nesta página que criei demonstra o funcionamento de todo o código acima, porém acredito que devo modificar o script para que o mesmo carregue valores corretamente quando seleciono alguma opção no select box "Categorias" sem precisar atualizar a página para que o mesmo carregue corretamente. Como posso proceder? Desde já agradeço a atenção de todos.
  16. juliosertori

    Ação Onkeyup com atraso de 1 ação!

    Olá boa noite, tudo bem galera? Tenho um input: <input type="text" value="0" name="qtdProds" id="qtdProds" class="form-control" onkeyup="atualizaTotalPrecos(this);" required /> E quando ele está ONBLUR, funciona o seguinte script: function atualizaTotalPrecos(sel){ var nameInput = sel.name; var IdNameProds = parseInt(nameInput.match(/\d/g).join('')); var valor = $('input[name="produtos_pdv['+IdNameProds+'][qtdProds]"]').val(); var custo = $('input[name="produtos_pdv['+IdNameProds+'][custoProds]"]').val(); var totalCusto = valor*custo; $("[name='produtos_pdv["+IdNameProds+"][custoTotalProds]']").val(totalCusto); //$("[name='totalPedidoDesconto']").val(totalCusto); var descontoPedido = $("#descontoPedido").maskMoney('unmasked')[0]; var total = 0; $('.somaTotal').each(function(){ var valor = Number($(this).val()); if (!isNaN(valor)) total += valor; }); var totalDescontado = total - descontoPedido; //alert(totalDescontado); $(".SomaTotalPrecos").maskMoney('mask', total); $(".totalpedidos").maskMoney('mask', totalDescontado); //////////////// var totalCusto = 0; $('.somaCustoTotal').each(function(){ var valor = Number($(this).val()); if (!isNaN(valor)) totalCusto += valor; }); $(".SomaTotalCustos").maskMoney('mask', totalCusto); }; Onde atualizo o campo .SomaTotalPrecos, funciona perfeitamente. Mas quando troco para Onkeyup, e inserir 1 por exemplo, primeiro ele preenche o campo com 0, e da segunda vez, ele atualiza para a primeira vez, ou seja, 1. Ex: coloco o valor de R$ 10,00 e na quantidade coloco 1, ele preenche o campo com 0, depois se insiro 2, ai ele preenche o campo com a quantidade anterior, ou seja 1xR$ 10,00
  17. Jefferson andre

    bootstrap 4 com mascara de campos jquery

    Ola, Alguem tem um exemplo do uso da mascara do jquery no camp telefone utilizando bootstrap 4 para em enviar por favor Estou usando os tutoriais mas nao funciona Grato
  18. alysson122010

    Botão de status

    Gostaria de saber como fazer um botão de status. Tipo ta la ativo ai quando eu clicar nesse botão ele mude e fique desativado e se eu clicar novamente fique ativado. Sem da refresh na pagina e esse botao envie para meu banco de dados e altere o status na tabela com o id do post. Como eu faço isso nao tenho ideia.
  19. henriquers

    Ocultar colunas de tabelas

    Bom Dia, Estou fazendo um sistema para armazenar documento e tenho algumas tabelas de consulta onde a mesma aparece algumas informações necessarias como ID , Nome etc e estou tentando Ocultar a coluna que esta o ID para que o usuario não consiga ver,estou utilizando o seguinte codigo para ocultar a coluna. <script> $("#tabela_cons").ready(function () { $('td:nth-child(1),th:nth-child(1)').hide(); }); </script> A coluna fica oculta certinho do modo que eu quero, mas esse código esta afetando as outras tabelas que eu tenho na pagina também, e não sei como ocultar apenas na tabela que eu desejo que seja oculta no caso a tabela com ID = tabela_cons;
  20. João Vitor Teixeira

    Agendamento

    Olá, galera Eu sou iniciante nessa área de informatica e estou fazendo algo complicado no meu site ao meu ponto de vista. Estou tentando colocar uma imagem em modal que seja respectiva pelo funcionário que ele escolheu, ou seja, quando o usuário escolher um funcionário aparecerá um modal com uma imagem do funcionário escolhido mas infelizmente não estou conseguindo, se puderem ajudar ficarei muito grato!! Estou usando dois arquivos principais nessa parte, o agendamento.php e o buscar.php(estou usando ajax nessa parte) agendamento.php: <?php include 'buscar.php'; ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Agendamento</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/editar.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <script> function letra(campo){ var digits="qwertyuiopasdfghjklçzxcvbnmãâóáâô QWERTYUIOPASDFGHJKLÇZXCVBNM" var campo_temp for (var i =0;i<campo.value.length;i++){ campo_temp=campo.value.substring(i,i+1) if(digits.indexOf(campo_temp)==-1){ campo.value = campo.value.substring(0,i); break; } } } function numeros(campo){ var digits="0123456789()-" var campo_temp for (var j=0;j<campo.value.length;j++){ campo_temp=campo.value.substring(j,j+1); if(digits.indexOf(campo_temp)==-1){ campo.value = campo.value.substring(0,j); break; } } } function EMAIL_E_SENHA(campo){ var digits="qwertyuiopasdfghjklçzxcvbnmãâóáâô10123456789.-@ QWERTYUIOPASDFGHJKLÇZXCVBNM" var campo_temp for (var i =0;i<campo.value.length;i++){ campo_temp=campo.value.substring(i,i+1) if(digits.indexOf(campo_temp)==-1){ campo.value = campo.value.substring(0,i); break; } } } function formenviar(){ var senha = formulario_cliente.senha.value; var consenha = formulario_cliente.con_senha.value; if(document.getElementById("servico").value == ""){ window.alert("Escolha se quer exibir o e-mail."); document.getElementById("estado").focus(); return false; } if(senha != consenha){ alert('Sua senha está digitada errada digite novamente') return false; } } </script> </head> <body> <div class="userform"> <div class="uptab"> <a href="area_usuario.php"><i class="fa fa-arrow-circle-o-left left" style="font-size: 30px;"></i></a> </div> <center> <div class="tabs"> <button class="tablink " onclick="openCity(event,'dados')">AGENDAMENTO</button> <button class="tablink " onclick="openCity(event,'agenda')">‏</button> </div> </center> <div class="poscity"> <form method="post" name="form1" action="cadastro_agen.php" class="formulario"> <div id="dados" class="w3-container w3-border city dados"> <div> <div class="iconstab"> <i class="fa fa-scissors"></i> Serviço</div><br> <div class="box"> <select id="input-2" name="servico" id="servico"> <option selected value="">Escolha uma opção</option> <?php while($campo = $con->fetch_array()) { ?> <option><?php echo $campo['nome_serv'];?></option> <?php } ?> </select> </div> </div> <br> <div> <div class="iconstab"> <i class="fa fa-users"></i> Funcionário </div><br> <div class="box"> <select id="input-3" name="funcionario"> <option selected value="">Escolha uma opção</option> </select> </div> </div> <div> </div><br> </div> <div id="modalfunc" class="modalfunc"> <div class="headermodal"><span onclick="document.getElementById('modalfunc').style.display='none'" id="closemodal"><i class="fa fa-times" style="font-size:25px; padding-top: 25%; padding-left: 30%;"></i></span></div> <div class="frame"> <img src="upload/<?php echo $car20;?>"> </div> </div> <div id="agenda" class="w3-container w3-border city dados" style="display:none"> <div> <div class="iconstab"> <i class="fa fa-calendar"></i> Data </div><br> <div class="box"> <input id="myDate" type="date" name="data" min="2015-10-28" required /> </div> </div> <br> <div class="iconstab"> <i class="fa fa-clock-o"></i> Horário </div><br> <div class="box"> <select id="input-4" name="horario" required> <option disabled selected>Escolha uma opção</option>" </select> </div> <br> <input type="submit" value="AGENDAR" onclick="formenviar" style="font-size: 20px; border: none; background-color: transparent; color: #555"> </div> </form> <div class="footerdiv"> <center> <div class="links"> <button onclick="openCity(event,'dados')" class="tablink "><i class="fa fa-arrow-left"></i> Voltar</button> <button class="tablink " onclick="openCity(event,'agenda')">Próximo <i class="fa fa-arrow-right"></i></a> </div> </center> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="js/index.js"></script> <script> $("select[name=servico]").change(function(){ $("select[name=funcionario]").html("") }) $("select[name=servico]").change(function(){ let valor = $(this).val() $.get("buscar.php", {valor:valor}, function(data){ $("select[name=funcionario]").append("<option disabled selected>Escolha uma opção</option>") $("select[name=funcionario]").append(data) }) }) $("select[name=servico]").change(function(){ $("select[name=horario]").html("") }) $("select[name=servico]").change(function(){ let valor1 = $(this).val() $.get("buscar.php", {valor1:valor1}, function(data1){ $("select[name=horario]").append("<option disabled selected>Escolha uma opção</option>") $("select[name=horario]").append(data1) }) }) $("input[name=data]").change(function(){ let valor2 = $(this).val() $.get("buscar.php", {valor2:valor2}, function(data2){ }) }) $("select[name=funcionario]").change(function(){ let valor3 = $(this).val() document.getElementById('modalfunc').style.display='block'; $.get("buscar.php", {valor3:valor3}, function(data3){ }) }) $("select[name=servico]").change(function(){ let valor4 = $(this).val() $.get("buscar.php", {valor4:valor4}, function(data4){ }) }) </script> <script> function openCity(evt, cityName) { var i, x, tablink; x = document.getElementsByClassName("city"); for (i = 0; i < x.length; i++) { x.style.display = "none"; } tablinks = document.getElementsByClassName("tablink"); for (i = 0; i < x.length; i++) { tablinks.className = tablinks.className.replace("", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += ""; } </script> <script> $("#edit-profile").submit(function(e) { var agendamento = $("#agend").val().split('T'); agendamento = new Date(agendamento[0]).setHours(24); var hoje = new Date(); if (agendamento <= hoje) { alert('Por favor, insira uma data válida!'); e.preventDefault(); } }); </script> <script> document.getElementById("myDate").min = new Date().getFullYear() + "-" + parseInt(new Date().getMonth() + 1 ) + "-" + new Date().getDate() </script> <script> // Exemplo de JavaScript inicial para desativar envios de formulário, se houver campos inválidos. (function() { 'use strict'; window.addEventListener('load', function() { // Pega todos os formulários que nós queremos aplicar estilos de validação Bootstrap personalizados. var forms = document.getElementsByClassName('needs-validation'); // Faz um loop neles e evita o envio var validation = Array.prototype.filter.call(forms, function(form) { form.addEventListener('submit', function(event) { if (form.checkValidity() === false) { event.preventDefault(); event.stopPropagation(); } form.classList.add('was-validated'); }, false); }); }, false); })(); </script> </body> </html> buscar.php: <?php define ('HOST','127.0.0.1'); define ('usuario', 'root'); define ('senha', ''); define ('db', 'estudiobecca'); $conexao = mysqli_connect(HOST, usuario, senha, db) or die ('Não foi possivel conectar'); session_start(); $nome = $_SESSION["email"]; if(!isset($_SESSION["email"]) || !isset($_SESSION["senha"])){ header("location: login.html"); exit(); } $valor = filter_input(INPUT_GET, "valor"); $valor1 = filter_input(INPUT_GET, "valor1"); $valor2 = filter_input(INPUT_GET, "valor2"); $valor2 = date("Y-m-d", strtotime(str_replace('/', '-', $valor2))); $valor3 = filter_input(INPUT_GET, "valor3"); $query20 = mysqli_query($conexao, "SELECT foto_func FROM funcionario WHERE nome_func = '{$valor3}'"); $result20 = mysqli_fetch_array($query20); $car20 = $result20['foto_func']; $consulta = "SELECT nome_serv FROM servico "; $con = $conexao->query($consulta) or die ($conexao->error); $consulta10 = "SELECT nome_func FROM funcionario "; $con10 = $conexao->query($consulta10) or die ($conexao->error); $query = mysqli_query($conexao, "select id_serv from servico where nome_serv = '{$valor}'"); $result = mysqli_fetch_array($query); $car = $result['id_serv']; $query1 = mysqli_query($conexao, "select id_func from funcionario_servico where id_serv ='{$car}'"); while ($id = mysqli_fetch_array($query1)) { $id_func = $id["id_func"]; $consulta2 = "SELECT nome_func FROM funcionario where id_func = '{$id_func}'"; $con2 = $conexao->query($consulta2) or die ($conexao->error); foreach ($con2 as $lista) { echo "<option>".$lista["nome_func"]."</option>"; } } $query3 = mysqli_query($conexao, "select id_serv from servico where nome_serv = '{$valor1}'"); $result3 = mysqli_fetch_array($query3); $car3 = $result3['id_serv']; $query12 = mysqli_query($conexao, "select id_func from funcionario where nome_func = '{$valor3}'"); $result12 = mysqli_fetch_array($query12); $car12 = $result12['id_func']; $query10 = mysqli_query($conexao, "select id_hor from agendamento where data = '{$valor2}' and id_func = '{$car12}' and id_serv = '{$car}'"); $result10 = mysqli_fetch_array($query10); $car10 = $result10['id_hor']; $query11 = mysqli_query($conexao, "select hora from horario where id_hor = '{$car10}'"); $result11 = mysqli_fetch_array($query11); $car11 = $result11['hora']; $query2 = mysqli_query($conexao, "select id_hor from servico_horario where id_serv ='{$car3}'"); while($id2 = mysqli_fetch_array($query2)){ $id_hor = $id2["id_hor"]; $consulta1 = "SELECT hora FROM horario where id_hor = '{$id_hor}' and hora != '{$car11}'"; $con1 = $conexao->query($consulta1) or die ($conexao->error); foreach ($con1 as $lista1) { echo "<option>".$lista1["hora"]."</option>"; } } ?> Como posso resolveu esse problema, como podem ver eu tentei colocar uma variável php para mostrar a imagem, mas não vai
  21. Estou com um programa de estoque. A página index.php o pedido feito, e tem um botão(Fazer Recibo) ao lado que leva para a página de impressão, tipo um recibo. Ao clica em Fazer recibo, vou para uma página de impressão, segue abaixo a página: Gostaria de uma maneira, onde eu pudesse por exemplo, escrever o número dos pedidos, e já imprimisse todas as páginas. Ou qualquer outra maneira, mais pratica e rápida do que ir de uma em uma. Agradeço desde já
  22. Estou começando a mexer com progromação, estive fazendo um algoritmo de física, mas, quando pedi para que fossem coletados os campos para fazer assim a equação, não da certo, este é o código da parte que estou com dificuldade: $("#btn1").click(function(){ var comprimento = parseFloat($("#comprimento").val()); var espiras = parseFloat($("#espiras").val()); var no = parseFloat($("#no").val()); var multpi = parseFloat($("#multpi").val()); var pi = parseFloat($("#pi").val()); var amperes = parseFloat($("#amperes").val()); var valor = parseFloat($("#valor").val()); var resultado = (var multpi = parseFloat($("#multpi").val() * var pi = parseFloat($("#pi").val()) * parseFloat($("#no").val()) * (parseFloat($("#espiras").val()) * parseFloat($("#comprimento").val()) )* parseFloat($("#amperes").val());
  23. Olá, eu tenho um sistema de pedidos onde em sua tabela a linha impar é os dados do produto e a impar é a grade de produtos, segue o código: <table class="tabela-tab-produto"> <thead> <tr> <th width="43"></th> <th>Código</th> <th>Descrição</th> <th>Qtde.</th> <th>Preço Tab.</th> <th>Desc.</th> <th>Preço Líq.</th> <th>Subtotal</th> <th></th> </tr> </thead> <tbody> <tr id="5{1+2,2{4+1"> <td></td> <td>LS</td> <td>Cortinas Listradas</td> <td class="text-right padding-right-15">3 <small>Un</small></td> <td class="text-right"><small>R$</small> 119.9</td> <td class="text-center"></td> <td class="text-right"><small>R$</small> 150</td> <td class="text-right"><small>R$</small> 450</td> <td class="text-right"> <a class="button tiny btn-cinza btn_editar" id="1"><span class="icon icon-pencil"></span></a> <a class="button tiny btn-cinza btn_excluir margin-right-15" data-open="container_excluir" id="86" aria-controls="container_excluir" aria-haspopup="true" tabindex="0"><span class="icon icon-bin"></span></a> </td> </tr> <tr> <td colspan="9"> <div class="medium-12 columns"> <table class="tab-produto"> <thead> <tr> <th></th><th>380x230</th><th>580x230</th> </tr> </thead> <tbody> <tr><td>Azul Claro</td><td>1</td><td>-</td></tr><tr><td>Azul</td><td>-</td><td>2</td></tr> </tbody> </table> </div> </td> </tr><tr id="1{1+1"> <td></td> <td>VLI</td> <td>Cortinas Voil Liso</td> <td class="text-right padding-right-15">1 <small>Un</small></td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-center"></td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-right"> <a class="button tiny btn-cinza btn_editar" id="3"><span class="icon icon-pencil"></span></a> <a class="button tiny btn-cinza btn_excluir margin-right-15" data-open="container_excluir" id="94" aria-controls="container_excluir" aria-haspopup="true" tabindex="0"><span class="icon icon-bin"></span></a> </td> </tr> <tr> <td colspan="9"> <div class="medium-12 columns"> <table class="tab-produto"> <thead> <tr> <th></th><th>280x230</th> </tr> </thead> <tbody> <tr><td>Azul</td><td>1</td></tr> </tbody> </table> </div> </td> </tr> </tbody> </table> Quero saber como posso apresentar essa tabela com o jspdf e jspdf-autotable(se for necessário). Nos meus testes ele esta tirando a tabela que esta dentro da tabela principal. Eu achei um artigo sobre isso(https://stackoverflow.com/questions/39386969/nested-tables-in-a-pdf-using-jspdf-and-jspdf-autotable) mas não consegui aplicar no meu caso. Obg
  24. holasoycael

    Chamar função em jQuery

    Olá Galera, preciso de uma ajuda! eu tenho um javascript que e precissso chamar a função para criar o valor, mas isso em jquery. Exemplo em Javascript: <!DOCTYPE html> <html dir="ltr" lang="pt-BR"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- HTML 4 --> <meta charset="utf-8"/><!-- HTML5 --> <script type='text/javascript'> //<![CDATA[ function identityComment(cmmIMG){ var div = document.getElementById(cmmIMG); var imgtag = ""; var img = div.getElementsByTagName("img"); if(img.length>=0) { imgtag = '<div class="avatar-image-container avatar-stock" id="identity'+cmmIMG+'"></div>'; } var summary = imgtag + ''; div.innerHTML = summary; } //]]> </head> <body> <script type='text/javascript'>identityComment("c42456624325326524");</script> <script type='text/javascript'>identityComment("c1099473137990772010");</script> <script type='text/javascript'>identityComment("c6094377602730701704");</script> <script type='text/javascript'>identityComment("c1099473137990772010");</script> </body> </html> Com javascript podemos criar funões indentityComment e o valor gerado em identityComment("c1010101010101"); eu posso chamar de cmmIMG e deixar meu javascript mas flexível. OK! mas como chamar uma funão assim em jQuery e colocar valores como o cmmIMG? fiz algumas tentaturivas e busca mas, não encontrei nada. Agradeço qualquer ajuda!
  25. André_Maronne

    Dificuldade com jSON

    Olá estou encontrando dificuldade em extrair deste arquivo jSON as informações que estão em "banda", através de javascript ou jquery, alquém sabe como fazer? { "code":200, "dados":{ "banda":[ { "artista":"Cutting Crew", "musica":"I`ve Been In Love Before", "capa":"https:cutting-crew_-_i-ve-been-in-love-before.jpg" }, { "artista":"George Michael", "musica":"Heal The Pain", "capa":"https:\/\/cdn.jb.fm\/jbfm\/george-michael_-_heal-the-pain.jpg" }]}} Tentei sem sucesso: let output = ''; for (var i = 0; i <= users.lenght; i++) { output += '<li><img src=' + users.capa + '>'; '</li>' } document.getElementById('users').innerHTML = output; } request.send();
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.