Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''JQUERY''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 146 registros

  1. 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!
  2. 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.
  3. 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
  4. 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
  5. 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.
  6. 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;
  7. 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
  8. 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á
  9. 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());
  10. 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
  11. 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!
  12. 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();
  13. lucianfpaula

    Reconhecer placa de veículos via câmera

    Olá meus comprimentos a todos, eu tenha a seguinte duvida, estou desenvolvendo um sistema para condomínios e tenho o seguinte desafio: Usando php e javascript precisa de uma forma de via câmera do pc ou Smartphone reconhecer a placa do veiculo e através de um id associado apresentar as informações do mesmo e também ter a opção de cadastrar o veiculo
  14. Robson Tenorio Henriques

    Scroll de Imagens

    Olá pessoal, estou com um projeto onde no mesmo existe 11 categorias e vários modelos para cada categoria, as categorias e modelos são apresentadas por meio de imagens em miniaturas (OBS: as imagens são dispostas em duas colunas), onde ao clicar numa categoria abre os modelos existentes, esta parte esta funcionando perfeitamente, porém o que necessito fazer é limitar a exibição das categorias e modelo para uma área de no máximo 1000px, que seria umas 6 ou 7 imagens aproximadamente e adicionar botões de navegação para passar entre os itens.. Abaixo segue o código da página: <div id="menu" class="pecasmain"> <input type="hidden" id="idlinha" name="idlinha" value="0"> <input type="hidden" id="idmodelo" name="idmodelo" value="0"> <div id="menuLinhas" class="menuLinhas"> <h3>LINHAS</h3> <a id="linha1" idreg="225" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000225_01_gd.jpg" /> <span class="linknaoselecionado">Adubadoras Pendulares</span> </a> <a id="linha2" idreg="62" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000062_01_gd.jpg" /> <span class="linknaoselecionado">Mini Pá Carregadeira e Mini Retro Escavadeira</span> </a> <a id="linha3" idreg="63" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000063_01_gd.jpg" /> <span class="linknaoselecionado">Manejo de solo e trituração de poda: </span> </a> <a id="linha4" idreg="61" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000061_01_gd.jpg" /> <span class="linknaoselecionado">Adubadoras mono disco</span> </a> <a id="linha5" idreg="242" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000242_01_gd.jpg" /> <span class="linknaoselecionado">Recolhedora de terreiro</span> </a> <a id="linha6" idreg="246" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000246_01_gd.jpg" /> <span class="linknaoselecionado">Enlerador e soprador</span> </a> <a id="linha7" idreg="59" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000059_01_gd.jpg" /> <span class="linknaoselecionado">Adubadoras de 2 discos</span> </a> <a id="linha8" idreg="10419" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000010419_01_gd.jpg" /> <span class="linknaoselecionado">Adubadora cafeeira e citrus</span> </a> <a id="linha9" idreg="65" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000065_01_gd.jpg" /> <span class="linknaoselecionado">Recolhedora e abonadora de chão</span> </a> <a id="linha10" idreg="9039" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000009039_01_gd.jpg" /> <span class="linknaoselecionado">Podadora</span> </a> <a id="linha11" idreg="16321" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000016321_01_gd.jpg" /> <span class="linknaoselecionado">Braço de retro agrícola</span> </a> </div> <div id="menuModelos0" class="menuModelos"> <h3>MODELOS</h3> <span>Selecione uma LINHA no menu à esquerda.</span> </div> <div id="menuModelos225" class="menuModelos" style="display: none;"> <h3>Adubadoras Pendulares</h3> <a href="#" id="modelo1" idreg="69" class="linkmodelo"> <img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000069_01_gd.jpg" /> <span class="linknaoselecionado"> PS 203</span></a> <a href="#" id="modelo2" idreg="232" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000232_01_gd.jpg" /> <span class="linknaoselecionado"> PS / PSPP 303</span></a> <a href="#" id="modelo3" idreg="235" class="linkmodelo"><img id="img3" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000235_01_gd.jpg" /> <span class="linknaoselecionado">PS / PSPP 403</span></a> <a href="#" id="modelo4" idreg="236" class="linkmodelo"><img id="img4" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000236_01_gd.jpg" /> <span class="linknaoselecionado">PS 503</span></a> <a href="#" id="modelo5" idreg="237" class="linkmodelo"><img id="img5" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000237_01_gd.jpg" /> <span class="linknaoselecionado">PS / PSPP 603</span></a> <a href="#" id="modelo6" idreg="233" class="linkmodelo"><img id="img6" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000233_01_gd.jpg" /> <span class="linknaoselecionado">PS 753</span></a> <a href="#" id="modelo7" idreg="234" class="linkmodelo"><img id="img7" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000234_01_gd.jpg" /> <span class="linknaoselecionado">PS 953</span></a> <a href="#" id="modelo8" idreg="238" class="linkmodelo"><img id="img8" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000238_01_gd.jpg" /> <span class="linknaoselecionado">PS 1153</span></a> <a href="#" id="modelo9" idreg="239" class="linkmodelo"><img id="img9" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000239_01_gd.jpg" /> <span class="linknaoselecionado">PS 1353</span></a> <a href="#" id="modelo10" idreg="240" class="linkmodelo"><img id="img10" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000240_01_gd.jpg" /> <span class="linknaoselecionado">PS 1553T</span></a> <a href="#" id="modelo11" idreg="16808" class="linkmodelo"><img id="img11" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000016808_01_gd.jpg" /> <span class="linknaoselecionado">Pendulum</span></a> </div> <div id="menuModelos62" class="menuModelos" style="display: none;"> <h3>Mini Pá Carregadeira e Mini Retro Escavadeira</h3> <a href="#" id="modelo1" idreg="88" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000088_01_gd.jpg" /> <span class="linknaoselecionado">PX 04 Mini Pá carregadeira</span></a> <a href="#" id="modelo2" idreg="89" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000089_01_gd.jpg" /> <span class="linknaoselecionado">RX 04 Mini Retro escavadeira</span></a> </div> <div id="menuModelos63" class="menuModelos" style="display: none;"> <h3>Manejo de solo e trituração de poda: </h3> <a href="#" id="modelo1" idreg="86" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000086_01_gd.jpg" /> <span class="linknaoselecionado">TRSL 90</span></a> <a href="#" id="modelo2" idreg="87" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000087_01_gd.jpg" /> <span class="linknaoselecionado">TRSL 90E</span></a> <a href="#" id="modelo3" idreg="251" class="linkmodelo"><img id="img3" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000251_01_gd.jpg" /> <span class="linknaoselecionado">TRV 100 </span></a> <a href="#" id="modelo4" idreg="252" class="linkmodelo"><img id="img4" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000252_01_gd.jpg" /> <span class="linknaoselecionado">TRV 120</span></a> <a href="#" id="modelo5" idreg="16615" class="linkmodelo"><img id="img5" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000016615_01_gd.jpg" /> <span class="linknaoselecionado">TRL 120</span></a> <a href="#" id="modelo6" idreg="258" class="linkmodelo"><img id="img6" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000258_01_gd.jpg" /> <span class="linknaoselecionado">TRL 140</span></a> <a href="#" id="modelo7" idreg="259" class="linkmodelo"><img id="img7" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000259_01_gd.jpg" /> <span class="linknaoselecionado">TRL 160</span></a> <a href="#" id="modelo8" idreg="260" class="linkmodelo"><img id="img8" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000260_01_gd.jpg" /> <span class="linknaoselecionado">TRL 180</span></a> <a href="#" id="modelo9" idreg="261" class="linkmodelo"><img id="img9" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000261_01_gd.jpg" /> <span class="linknaoselecionado">TRL 200</span></a> <a href="#" id="modelo10" idreg="262" class="linkmodelo"><img id="img10" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000262_01_gd.jpg" /> <span class="linknaoselecionado">TRL 220</span></a> <a href="#" id="modelo11" idreg="254" class="linkmodelo"><img id="img11" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000254_01_gd.jpg" /> <span class="linknaoselecionado">TRP 120</span></a> <a href="#" id="modelo12" idreg="255" class="linkmodelo"><img id="img12" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000255_01_gd.jpg" /> <span class="linknaoselecionado">TRP 160H</span></a> <a href="#" id="modelo13" idreg="253" class="linkmodelo"><img id="img13" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000253_01_gd.jpg" /> <span class="linknaoselecionado">TRLA 180 </span></a> <a href="#" id="modelo14" idreg="15868" class="linkmodelo"><img id="img14" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000015868_01_gd.jpg" /> <span class="linknaoselecionado">TRLA 140</span></a> <a href="#" id="modelo15" idreg="257" class="linkmodelo"><img id="img15" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000257_01_gd.jpg" /> <span class="linknaoselecionado">TRS 360</span></a> <a href="#" id="modelo16" idreg="256" class="linkmodelo"><img id="img16" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000256_01_gd.jpg" /> <span class="linknaoselecionado">TRC 220</span></a> <a href="#" id="modelo17" idreg="10327" class="linkmodelo"><img id="img17" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000010327_01_gd.jpg" /> <span class="linknaoselecionado">TRSL 1,50</span></a> <a href="#" id="modelo18" idreg="2947" class="linkmodelo"><img id="img18" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000002947_01_gd.jpg" /> <span class="linknaoselecionado">TRL 140 RS</span></a> </div> <div id="menuModelos61" class="menuModelos" style="display: none;"> <h3>Adubadoras mono disco</h3> <a href="#" id="modelo1" idreg="85" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000085_01_gd.jpg" /> <span class="linknaoselecionado">Giro 400/600</span></a> <a href="#" id="modelo2" idreg="81" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000081_01_gd.jpg" /> <span class="linknaoselecionado">Giro 400/600 INOX</span></a> </div> <div id="menuModelos242" class="menuModelos" style="display: none;"> <h3>Recolhedora de terreiro</h3> <a href="#" id="modelo1" idreg="243" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000243_01_gd.jpg" /> <span class="linknaoselecionado">VRC 1600</span></a> <a href="#" id="modelo2" idreg="10245" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000010245_01_gd.jpg" /> <span class="linknaoselecionado">Varredor Hidraulico 2.6 Para Terreiro de Café</span></a> <a href="#" id="modelo3" idreg="10421" class="linkmodelo"><img id="img3" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000010421_01_gd.jpg" /> <span class="linknaoselecionado">Varredor Hidráulico 3.6 Para Terreiro de Café</span></a> <a href="#" id="modelo4" idreg="13270" class="linkmodelo"><img id="img4" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000013270_01_gd.jpg" /> <span class="linknaoselecionado">Varredor Hidráulico 2.6 Para Terreiro de Café Com Pistão Hid</span></a> <a href="#" id="modelo5" idreg="13693" class="linkmodelo"><img id="img5" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000013693_01_gd.jpg" /> <span class="linknaoselecionado">Varredor Hidráulico 3.6 Para Terreiro de Café Com Pistão Hid</span></a> </div> <div id="menuModelos246" class="menuModelos" style="display: none;"> <h3>Enlerador e soprador</h3> <a href="#" id="modelo1" idreg="13885" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000013885_01_gd.jpg" /> <span class="linknaoselecionado">Varrecafé Traseiro Simples Geração 2C </span></a> <a href="#" id="modelo2" idreg="14055" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000014055_01_gd.jpg" /> <span class="linknaoselecionado">Varrecafé Traseiro Duplo Geração 2C</span></a> <a href="#" id="modelo3" idreg="14491" class="linkmodelo"><img id="img3" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000014491_01_gd.jpg" /> <span class="linknaoselecionado">Varrecafé Duplo G2 Caixa Dupla</span></a> <a href="#" id="modelo4" idreg="14351" class="linkmodelo"><img id="img4" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000014351_01_gd.jpg" /> <span class="linknaoselecionado">Varrecafé Simples G2 Caixa Dupla </span></a> <a href="#" id="modelo5" idreg="247" class="linkmodelo"><img id="img5" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000247_01_gd.jpg" /> <span class="linknaoselecionado">Cleaner café/ RTF Dual</span></a> <a href="#" id="modelo6" idreg="248" class="linkmodelo"><img id="img6" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000248_01_gd.jpg" /> <span class="linknaoselecionado">Cleaner maçã / citrus</span></a> <a href="#" id="modelo7" idreg="9042" class="linkmodelo"><img id="img7" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000009042_01_gd.jpg" /> <span class="linknaoselecionado">Soprador</span></a> </div> <div id="menuModelos59" class="menuModelos" style="display: none;"> <h3>Adubadoras de 2 discos</h3> <a href="#" id="modelo1" idreg="74" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000074_01_gd.jpg" /> <span class="linknaoselecionado">TDS 750</span></a> <a href="#" id="modelo2" idreg="75" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000075_01_gd.jpg" /> <span class="linknaoselecionado">TDS 950</span></a> <a href="#" id="modelo3" idreg="76" class="linkmodelo"><img id="img3" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000076_01_gd.jpg" /> <span class="linknaoselecionado">TDS 1150</span></a> <a href="#" id="modelo4" idreg="73" class="linkmodelo"><img id="img4" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000073_01_gd.jpg" /> <span class="linknaoselecionado">TDS 1350</span></a> <a href="#" id="modelo5" idreg="72" class="linkmodelo"><img id="img5" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000072_01_gd.jpg" /> <span class="linknaoselecionado">TDS 1550</span></a> <a href="#" id="modelo6" idreg="71" class="linkmodelo"><img id="img6" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000071_01_gd.jpg" /> <span class="linknaoselecionado">Vibraflow II</span></a> </div> <div id="menuModelos10419" class="menuModelos" style="display: none;"> <h3>Adubadora cafeeira e citrus</h3> <a href="#" id="modelo1" idreg="10420" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000010420_01_gd.jpg" /> <span class="linknaoselecionado">MX 2100</span></a> </div> <div id="menuModelos65" class="menuModelos" style="display: none;"> <h3>Recolhedora e abonadora de chão</h3> <a href="#" id="modelo1" idreg="9343" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000009343_01_gd.jpg" /> <span class="linknaoselecionado">Catacafé </span></a> </div> <div id="menuModelos9039" class="menuModelos" style="display: none;"> <h3>Podadora</h3> <a href="#" id="modelo1" idreg="9040" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000009040_01_gd.jpg" /> <span class="linknaoselecionado">Podadora</span></a> </div> <div id="menuModelos16321" class="menuModelos" style="display: none;"> <h3>Braço de retro agrícola</h3> <a href="#" id="modelo1" idreg="16322" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000016322_01_gd.jpg" /> <span class="linknaoselecionado">BRM BRAÇO MÓVEL </span></a> <a href="#" id="modelo2" idreg="16423" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000016423_01_gd.jpg" /> <span class="linknaoselecionado">BRF BRAÇO FIXO </span></a> </div> <div id="pecasHome" class="pecasConteudo"> <img src="../img/pecas.jpg" /> <img src="../img/diversas-pecas.jpg" /> <div id="desconto"> <p class="desconto"> Desconto de 3% para compras efetuadas em nosso site. </p> </div> </div> <div id="pecasConteudo" class="pecasConteudo" style="display: none;"></div> <br style="clear: both;"/> <iframe id="frameprocessa" name="frameprocessa" style="width: 0px; height: 0px; visibility: hidden; "></iframe> <!--<script src="../js/jquery-3.4.1.min.js"></script>--> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script language="Javascript"> $(document).ready(function() { $(".linklinha").click(function(e) { $("#menuLinhas > a > span").removeClass ( 'linkselecionado' ); $("#menuLinhas > a > span").addClass ( 'linknaoselecionado' ); $(this).find('span').addClass('linkselecionado'); var idreg = parseInt($(this).attr("idreg")); // Esconde Todas Divs Modelos $.each($(".menuModelos"), function(e) { $(this).hide(); }); // Exibe Div Modelo $("#menuModelos"+idreg).show(); //console.log("idreg= " + idreg); $("#menuModelos"+idreg+" > a > span").removeClass ( 'linkselecionado' ); $("#menuModelos"+idreg+" > a > span").addClass ( 'linknaoselecionado' ); // Ajusta Foco $("#menuModelos"+idreg+" #modelo1").focus(); $("#pecasConteudo").hide(); $("#pecasHome").show(); // Seta Deselecionada Modelo $("#idlinha").val(idreg); $("#idmodelo").val(0); }); $(".linkmodelo").click(function(e) { var idlinha = parseInt($("#idlinha").val()); $("#menuModelos"+idlinha+" > a > span").removeClass ( 'linkselecionado' ); $("#menuModelos"+idlinha+" > a > span").addClass ( 'linknaoselecionado' ); $(this).find('span').addClass('linkselecionado'); $("#pecasHome").hide(); //alert('Vai carregar DETALHES do MODELO IDREG: ' + $(this).attr("idreg")); $("#pecasConteudo").load( "carrega_pecas_detalhe.html?id="+ $(this).attr("idreg"), function( response, status, xhr ) { if ( status == "error" ) { console.log("#error" + xhr.status + " " + xhr.statusText ); } }); $("#pecasConteudo").show(); }); function initPage() { console.log('Carregou Linhas OK !'); var idlinha = parseInt($("#idlinha").val()); var idmodelo = parseInt($("#idmodelo").val()); // Esconde Todas Divs Modelos $.each($(".menuModelos"), function(e) { $(this).hide(); }); // Exibe Div Modelo $("#menuModelos"+idlinha).show(); } initPage(); }); </script> Se alguém puder me ajudar, pois esse pequeno detalhe ta me tomando um grande tempo e atrasando o projeto.
  15. O problema está na demora da resposta Ajax, quando o arquivo Excel possui muitas linhas para serem inseridas no banco de dados MySql. Pois desta forma minha aplicação fica travada, aguardando a resposta desta requisição. Então gostaria de alguma sugestão para obter a resposta do upload, e em segundo plano a importação fosse realizada, sem interferir no funcionamento da aplicação. Até então, estou utilizando o POST e no servidor PHP, estou utilizando o seguinte código: $tmp = $_FILES['file']['tmp_name']; $name = $_FILES['myfile']['name']; $path = "upload/"; if (move_uploaded_file($tmp, $path . $name)) { //aqui eu chamo funcão para importar o arquivo } ou em codeigniter $file = $_FILES['file']; $config = [ 'upload_path' => FCPATH.'upload/', 'allowed_types' => 'xlsx|xls|csv' ]; $this->load->library('upload', $config); if ($this->upload->do_upload('file')) { $data = $this->upload->data(); @chmod($data['full_path'], 0777); //aqui eu chamo funcão para importar o arquivo } Ajax ajaxCall = $.ajax({ //async: true, url: 'api_upload/upload', data: formData, cache: false, processData: false, contentType: false, type: 'POST', headers: { 'authorization': 'Basic YWRtaW46MTIzNA==', 'Authorizationkeyfortoken': String(responseToken), 'cache-control': 'no-cache', 'postman-token': '51901e9b-3613-248b-621e-ffd06d92ded4' }, // this part is progress bar xhr: function () { let xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener('progress', function (evt) { if (evt.lengthComputable) { let percentComplete = evt.loaded / evt.total; percentComplete = parseInt(percentComplete * 100); $('.my-progress').text(percentComplete + '%'); $('.my-progress').css('width', percentComplete + '%'); } }, false); xhr.addEventListener('load', function (evt) { if (evt.lengthComputable) { //completeSave(); } }, false); xhr.addEventListener('abort', function (evt) { if (evt.lengthComputable) { //completeSave(); } }, false); return xhr; }, //beforeSend: function() { //completeSave(); //}, success: function (data) { //completeSave(); $('.msg').text(data); //$('#import-save').removeAttr('disabled'); } });
  16. Olá Mestres, Tenho uma página com comando "input Range" .. é uma barra deslizante... conforme deslisa gera um valor. o problema, não consigo gravar o valor numa variável PHP, Segue html: <html> <head> <title> ...::: HOME :::... </title> </head> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <body> <form method="POST"> <label class="mt-3" for="ciclo">CICLO</label> <input type="range" class="custom-range" value="201901" min="201901" max="201915" step="1" id="ciclo" name="idciclo"> <span>201901</span> </form> <div id="resultado"> </div> <script type="text/javascript"> $("#ciclo").on("change", function(){ var idCiclo = $("#ciclo").val(); $.ajax({ method: "POST", url: "ciclo_inicios.php", data: { 'ciclo': idCiclo }, success: function(retorno){ alert(retorno); } }); }); </script> </body> </html> código php... arquivo "cilo_inicios.php" <?php //$valorciclo = isset($_POST['dados']) ? $_POST['dados'] : ''; $valorciclo = $_POST["idciclo"]; echo "$valorciclo"; ?> Sabem o que estou fazendo de errado ? :/
  17. Ex: igual sites de pagina unica que você clica no menu e a pagina rola ate aparte que se refere. esta imagem e a div que vai ter o checkbox essa e a div que eu quero, que quando o checkbox estiver selecionado, chegue nela aguardo ajuda de alguém, sou muito ruim com javascript
  18. manolegal

    Limpar modal bootstrap ao fechar

    Bom dia Após selecionar a Pessoa em um formulário, tenho um botão para editar os dados desta pessoa em um Modal: <span class="input-group-addon"><a href="#" id="btn_editar" class="glyphicon glyphicon-pencil" data-toggle="modal" data-target="#modal_edit_pessoa_red"></a></span> Busco os dados no BD e preencho os inputs do modal: <script type="text/javascript"> $(document).ready(function () { $('#btn_editar').click(function () { var id = $("#id_cont_hid").val(); var id_cont= JSON.stringify(id); $.ajax({ type: "POST", url: "minha_busca_bd?id=" + id, cache: false, data: "{'id':'" + id_cont + "'}", dataType: 'json', }).done(function(retorno){ if (retorno.inserido == true) { $('#md_edit_pes_cpf').val(retorno.dados.cpf); // Atualizo valor campo cpf $("#md_edit_pes_cpf").mask("999.999.999-99"); // Adiciono máscara cpf } .......... Em relação aos dados está funcionando corretamente. O problema é em relação às máscaras de entrada dos campos (cpf) que na primeira vez que for alterar os dados está vindo corretamente, porém, caso tente alterar novamente os dados da mesma pessoa, a máscara não funciona (não vem formatado corretamente). Outro detalhe é que o modal não está sendo resetado (limpo), principalmente após tentativa de edição e ser mostrada mensagem do arquivo PHP que faz a validação dos dados inseridos, uma vez que ao fechar o modal e ao reabri-lo novamente continua mostrando a mensagem de validação, o que eu não gostaria que acontecesse, mas que cada vez que o modal fosse fechado ou finalizado, limpassem os seus dados, para novamente serem carregados após clicar no botão de edição. Partes do código que faço a validação do modal: var serialize_dados = $('#form_mod_pes_edit_red').serialize(); $.ajax({ type: "POST", url: "arquivo_validar.php", data: serialize_dados, dataType: 'json', encode: true, cache: false, }).done(function(retorno){ if (retorno.inserido == true) { $("#mensagem_edit_pes_red").html("Cadastro alterado com sucesso!"); //auto.trigger('click'); $('#form_mod_pes_edit_red').each (function(){ // Limpar campos do Form this.reset(); $('#mensagem_edit_pes_red').html(""); $('#form_mod_pes_edit_red')[0].reset(); }); setTimeout(function () { //$('#modal_edit_pessoa_red').on("hidden.bs.modal", function(){ $(this).removeData(); }); $('#mensagem_edit_pes_red').html(""); // Limpa mensagens $('#modal_edit_pessoa_red').modal('hide') //$('#form_mod_pes_edit_red').on('hidden.bs.modal', function () { //$('#modal_edit_pessoa_red').on('hidden.bs.modal', function(){ $(this).find('form')[0].reset(); }); }, 2000); // 2seg $('#obs_ped').val("Endereço: "+ retorno.dados.endereco+ " Telefone: "+ retorno.dados.telefone); } else{ if (retorno.erros){ $('#mensagem_edit_pes_red').html(""); for(var i=0;i<retorno.erros.length;i++) { $('#mensagem_edit_pes_red').append(retorno.erros[i] + "<br>"); } } else{ $("#mensagem_edit_pes_red").html("Não foi possível completar o cadastro. Tente novamente!"); } } }); Já tentei de várias maneiras, porém não consigo encontrar a solução. No botão fechar do modal também inseri vários códigos para tentar limpar o modal ao sair, porém não obtive sucesso. Se alguém tiver alguma dica, agradeço.
  19. EltonRodrigo

    Evento blur com próximo campo select

    Eu tenho um formulário com todos os campos desativados com exceção do primeiro. Ao preencher o primeiro campo, se o valor existir no banco de dados todos os campos devem ser ativados. Fiz isso utilizando o evento blur do jquery. O problema é que o segundo campo é um select, quando clico nesse campo os mesmos não são ativados, mas se clicar no terceiro campo que é um input=text funciona. Eu não posso inverter a ordem dos campos. Segue o código: <div class="form-group"> <input type="text" class="form-control form-control-sm" name="txt_dd_n_fogo" id="txt_dd_n_fogo" required placeholder="Nº de fogo do pneu"> </div> <div class="form-group"> <select class="form-control form-control-sm" name="txt_dd_marca" id="txt_dd_marca" required disabled> <option value="">Marca do pneu</option> <option value="BRIDGESTONE">BRIDGESTONE</option> <option value="CENTAURO">CENTAURO</option> <option value="CONTINENTAL">CONTINENTAL</option> <option value="FATE">FATE</option> <option value="FIRESTONE">FIRESTONE</option> <option value="GOODYEAR">GOODYEAR</option> <option value="KUMHO">KUMHO</option> <option value="LANDE">LANDE</option> <option value="MARSHAL">MARSHAL</option> <option value="MAGGION">MAGGION</option> <option value="MASTER">MASTER</option> <option value="MICHELIN">MICHELIN</option> <option value="PIRELLI">PIRELLI</option> <option value="SEIBERLING">SEIBERLING</option> <option value="TOYO">TOYO</option> <option value="YOKOHAMA">YOKOHAMA</option> </select> </div> <div class="form-group"> <select class="form-control form-control-sm" name="txt_dd_medida" id="txt_dd_medida" required disabled> <option value="">Medida do pneu</option> <option value="205/75">205/75</option> <option value="215/75">215/75</option> <option value="215/75.17.5">215/75.17.5</option> <option value="215/80">215/80</option> <option value="235/75">235/75</option> <option value="275/70">275/70</option> <option value="275/80">275/80</option> <option value="295/80">295/80</option> <option value="385/65">385/65</option> <option value="750/16">750/16</option> <option value="900/20">900/20</option> <option value="1000/20 comum">1000/20 comum</option> <option value="1000/20 radial">1000/20 radial</option> <option value="1100/20">1100/20</option> </select> </div> <div class="form-group"> <input type="text" class="form-control form-control-sm" name="txt_dd_mm" id="txt_dd_mm" placeholder="Milímetro(Atual)" disabled> </div> <div class="form-group"> <!-- <label for="txt_de_km">KM</label> --> <input class="form-control form-control-sm" type="text" name="txt_dd_km" id="txt_dd_km" placeholder="KM" required disabled> </div> <div class="form-group"> <select class="form-control form-control-sm" name="txt_dd_estado" id="txt_dd_estado" required disabled> <option value="">Estado do pneu</option> <option value="NOVO">NOVO</option> <option value="NOVO USADO">NOVO USADO</option> <option value="NOVO CONSERTADO">NOVO CONSERTADO</option> <option value="1ª RESSOLAGEM">1ª RESSOLAGEM</option> <option value="2ª RESSOLAGEM">2ª RESSOLAGEM</option> <option value="3ª RESSOLAGEM">3ª RESSOLAGEM</option> <option value="4ª RESSOLAGEM">4ª RESSOLAGEM</option> <option value="COM AVARIAS">COM AVARIAS</option> <option value="DESCARTADO">DESCARTADO</option> <option value="RESSOLADO CONSERTADO">RESSOLADO CONSERTADO</option> <option value="VULCANIZAR">VULCANIZAR</option> </select> </div> <div class="form-group"> <textarea class="form-control" name="txt_dd_obs" id="txt_dd_obs" rows="2" placeholder="Observações" disabled></textarea> </div> <div class="custom-file"> <input type="file" name="txt_dd_img" class="custom-file-input" id="txt_dd_img" lang="pt-br" onchange="readURLdd(this);" disabled> <label class="custom-file-label" for="customFile">Escolha uma imagem</label> </div> <input type="submit" class="btn btn-primary" name="bt_dd" id="bt_salvar" value="Salvar" hidden> $(function(){ $("input[name='txt_dd_n_fogo']").blur( function(){ var txt_dd_n_fogo = $("input[name='txt_dd_n_fogo']").val(); $.post('posicoes/function.php',{txt_dd_n_fogo: txt_dd_n_fogo},function(data){ if( data!='Não existe ainda!' ){ alert(data); $("input[name='txt_dd_n_fogo']").val(''); $("#txt_dd_marca").prop("disabled", true); $("#txt_dd_medida").prop("disabled", true); $("#txt_dd_mm").prop("disabled", true); $("#txt_dd_data").prop("disabled", true); $("#txt_dd_km").prop("disabled", true); $("#txt_dd_estado").prop("disabled", true); $("#txt_dd_obs").prop("disabled", true); $("#txt_dd_img").prop("disabled", true); $("#bt_salvar").prop("hidden", true); }else{ $("#txt_dd_marca").prop("disabled", false); $("#txt_dd_medida").prop("disabled", false); $("#txt_dd_mm").prop("disabled", false); $("#txt_dd_data").prop("disabled", false); $("#txt_dd_km").prop("disabled", false); $("#txt_dd_estado").prop("disabled", false); $("#txt_dd_obs").prop("disabled", false); $("#txt_dd_img").prop("disabled", false); $("#bt_salvar").prop("hidden", false); } }); }); }); Tentei criar um botão hidden sobre os todos os campos, ao ser clicado o mesmo ficava como hidden e habilitava todos os campos, até deu certo, mas ao preencher o campo nº de fogo novamente ele não executa mais a função de verificação. Precisa ficar bem amarrado, caso o usuário digite um nº que já existe os campos precisam ficar desabilitados.
  20. danicarla

    Auto Scroll de acordo com conteúdo.

    Olá, pessoas, bom dia Estou tentando fazer um autoscroll de acordo com o conteúdo que tem na pagina. Atualmente estou fazendo assim: <script src="jquery.js"></script> <script> setInterval(function(){ $("html, body").animate({ scrollTop: $(document).height() }, 200000); },2000); </script> Desse jeito eu seu que uma pagina com 300 linhas irá demorar cerca de 1min e 30 segundos para chegar até o final. Mas se precisar mudar o tamanho da fonte ou inserir imagens já terei que calcular novamente o tempo, será que existe uma maneira de fazer isso pelo tamanho do conteúdo? Por exemplo para pessa pagina eu quero que demore cerca de 5 minutos para chegar até o rodape.. para outra pagina cerca de 3 minutos independente do conteudo?
  21. Pitag346

    Carregamento de imagem

    Olá pessoal, tudo bem? Estou com uma dúvida bem bobinha... mas gostaria que me ajudassem a solucionar. Alguns sites utilizam uma forma de carregar as imagens deixando elas embaçadas/desfocadas. Até que são carregadas e elas aparecerem normalmente... Exemplo básico seria esse site: https://www.redbull.com/br-pt/athletes Sabem me explicar como isso é feito, e pra que ? Meu site usa bastante imagens, gostaria de saber se tem algum benefício ou se seria somente estética ... Obrigado! (Não sei se isso é feito em JavaScript, acredito que sim... perdão se publiquei na área errada).
  22. ricardosites

    Erro e Warning em Query

    Warning: pg_query() [function.pg-query]: Query failed: ERRO: sintaxe de entrada é inválida para tipo time: "" LINE 13: usu_hr_entrada = '',^ in /var/ftp/pontodigital/usuario/condicao_add.php on line 49 Estou com esse erro aqui no sistema de ponto e não sei como resolver, não manjo muito mais tenho acesso ao banco de dados, alguém pode me ajudar a resolver? Grato
  23. sthefany silva

    Mostrando conteudo de após selecionar do autocomplete.

    Olá, minha dúvida é ao fazer um selecte em algum as opções do autocomplete mostrar contudo na pág. e ao limpar os dados inseridos no input fazer com que volte ao estado anterior. ou seja, ao seleconar ele abrirar o que foi seleconado, ao limpar campus do input mostrar topicos anterior. segue abaixo meus códigos: HTML: <form class="submit-line" id="form"> <input id="buscaPerguntas" autocomplete="off" class="form-control input-faq" placeholder="Digite palavras-chaves para pesquisar" style="padding: 28px;"> </form> </div> </div> </div> <div class="row"> <div id="buscaPerguntas-description"> </div> </div> <div class="divFaq" id="listaFaq"> <div class="row"> {% for valor in faq%} <div class="col-sm-12"> <div class="boxFaq"> <a class="btn btn-faq accordion" type="button" data-toggle="collapse" data-target="#{{valor.id}}" aria-expanded="true"> {{valor.pergunta}} </a> </div> </div> <div class="col-sm-12"> <div id="{{valor.id}}" class="collapse"> <div class="boxFaq"> <div class="card-body"> <div>{{valor.resposta|raw}}</div> </div> </div> </div> </div> {% endfor %} </div> JAVASCRIPT: $(function () { $("#buscaPerguntas").autocomplete({ autoFocus: true, minLength: 1, appendTo: '#form', source: function (request, response) { $.ajax({ url: '/pesquisafaq', type: 'post', data: { dadosPesquisa: request.term } }).done(function (data) { let parse = JSON.parse(data) if (parse.length > 0) { let dados = Object.values(parse).map((e) => { return { label: e.pergunta, desc: "<div class='divFaqCollapse'><div class='col-sm-12'><div class='boxFaq'><a class='btn btn-faq accordion' type='button' data-toggle='collapse' data-target='#collapse' aria-expanded='true'>" + e.pergunta + "</a></div></div> <div class='col-sm-12'> <div id='collapse' class='collapse'> <div class='boxFaq'> <div class='card-body'> <div>" + e.resposta + "</div> </div> </div> </div> </div> </div>", } }) response(dados.slice(0)) } }); }, select: function (event, ui) { $("#buscaPerguntas").val(ui.item.label); $("#buscaPerguntas-description").html(ui.item.desc); $('#listaFaq').hide(); $('#buscaPerguntas-description').show(); } }) });
  24. Meu site é :https://xraros.000webhostapp.com/ To com seguinte problema eu adicionei esse código: jQuery(document).ready(function() { if($(window).width()<=820) { $('#menu').hide(); } }); no arquivo carrega.js com a intenção de ocultar o menu só quando a tela estive com 820px de largurar ou menos, mais isso não esta acontecendo, como podem ver no meu site esse script n esta funcionando ele ta ocultando o menu em todas as resoluções, como faço pra deixar o menu oculto na resolução de 820px pra baixo?
  25. Eu tenho 3 layout diferentes e gostaria de que quando o usuário clicasse no layout desejado aparecesse o modelo do layout
×

Informação importante

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