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 855 results

  1. Gostaria de saber como consigo colocar um animate/effect de transição mais "suave" na troca das divs do código anexo. https://jsfiddle.net/h2av6nct/
  2. Bom dia pessoal Estou estruturando um slideshow puro em css3 + html mas percebi que vou precisar de jquery para algumas funções, eu vinculei radios com lables para a navegação do menu e consegui montar em jquery o efeito "active" para quando é clicado em um botão, tudo funcionando perfeitamente e responsivamente nos browsers. Só que agora eu preciso que os slides passem automaticamente e vinculados a navegação, trocando ambos da direta pra esquerda, mantendo o efeito "active" na navegação com harmonia com as imagens, todos os exemplos que saí atrás na internet não vinculam radios com lables para navegação, então isso está me causando uma dificuldade além do que esperava, desde já agradeço a ajuda de vocês Segue abaixo os códigos Index.html <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="slidershow middle"> <div class="slides"> <input type="radio" name="r" id="r1" checked> <input type="radio" name="r" id="r2"> <input type="radio" name="r" id="r3"> <input type="radio" name="r" id="r4"> <input type="radio" name="r" id="r5"> <div class="slide s1"> <a href="#"> <img src="1.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="2.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="3.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="4.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="5.jpg" alt=""></a> </div> </div> <div class="navigation"> <label for="r1" class="bar active"></label> <label for="r2" class="bar"></label> <label for="r3" class="bar"></label> <label for="r4" class="bar"></label> <label for="r5" class="bar"></label> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script type="text/javascript"> $(document).on('click', 'label', function() { $(this).addClass('active').siblings().removeClass('active') }) </script> </body> </html> style.css *{ margin: 0px; padding: 0px;} .slidershow{ width: 100%; height: 100%; overflow: hidden; position: absolute; max-height: 70%; } .middle{ position: absolute; } .navigation{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; } .bar{ width: 60px; height: 5px; background-color: #c1c0c0; margin: 6px; cursor: pointer; transition: 0.4s; } .bar:hover{ background: #ddcf19; } .bar.active{ background: #ddcf19; } input[name="r"]{ position: absolute; visibility: hidden; } .slides{ width: 500%; height: 100%; display: flex; } .slide{ width: 20%; transition: 0.6s; } .slide a{ display: block; width: 100%; height: 100%; cursor: pointer;} .slide img{ width: 100%; height: 100%; object-fit: cover; } #r1:checked ~ .s1{ margin-left: 0; } #r2:checked ~ .s1{ margin-left: -20%; } #r3:checked ~ .s1{ margin-left: -40%; } #r4:checked ~ .s1{ margin-left: -60%; } #r5:checked ~ .s1{ margin-left: -80%; } Basicamente quero como o link abaixo mas vinculando meus controles de navegação Exemplo
  3. Bom dia pessoal Estou estruturando um slideshow puro em css3 + html mas percebi que vou precisar de jquery para algumas funções, eu vinculei radios com lables para a navegação do menu e consegui montar em jquery o efeito "active" para quando é clicado em um botão, tudo funcionando perfeitamente e responsivamente nos browsers. Só que agora eu preciso que os slides passem automaticamente e vinculados a navegação, trocando ambos da direta pra esquerda, mantendo o efeito "active" na navegação com harmonia com as imagens, todos os exemplos que saí atrás na internet não vinculam radios com lables para navegação, então isso está me causando uma dificuldade além do que esperava, desde já agradeço a ajuda de vocês Segue abaixo os códigos Index.html <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="slidershow middle"> <div class="slides"> <input type="radio" name="r" id="r1" checked> <input type="radio" name="r" id="r2"> <input type="radio" name="r" id="r3"> <input type="radio" name="r" id="r4"> <input type="radio" name="r" id="r5"> <div class="slide s1"> <a href="#"> <img src="1.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="2.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="3.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="4.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="5.jpg" alt=""></a> </div> </div> <div class="navigation"> <label for="r1" class="bar active"></label> <label for="r2" class="bar"></label> <label for="r3" class="bar"></label> <label for="r4" class="bar"></label> <label for="r5" class="bar"></label> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script type="text/javascript"> $(document).on('click', 'label', function() { $(this).addClass('active').siblings().removeClass('active') }) </script> </body> </html> style.css *{ margin: 0px; padding: 0px;} .slidershow{ width: 100%; height: 100%; overflow: hidden; position: absolute; max-height: 70%; } .middle{ position: absolute; } .navigation{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; } .bar{ width: 60px; height: 5px; background-color: #c1c0c0; margin: 6px; cursor: pointer; transition: 0.4s; } .bar:hover{ background: #ddcf19; } .bar.active{ background: #ddcf19; } input[name="r"]{ position: absolute; visibility: hidden; } .slides{ width: 500%; height: 100%; display: flex; } .slide{ width: 20%; transition: 0.6s; } .slide a{ display: block; width: 100%; height: 100%; cursor: pointer;} .slide img{ width: 100%; height: 100%; object-fit: cover; } #r1:checked ~ .s1{ margin-left: 0; } #r2:checked ~ .s1{ margin-left: -20%; } #r3:checked ~ .s1{ margin-left: -40%; } #r4:checked ~ .s1{ margin-left: -60%; } #r5:checked ~ .s1{ margin-left: -80%; } Basicamente quero como o link abaixo mas vinculando meus controles de navegação Exemplo
  4. Boa tarde amigos, sei que há vario tópicos parecidos com esse, com praticamente a mesma dúvida, mas com diferentes resoluções. Mas o motivo de eu ter aberto um tópico novo foi por causa tenho duvida no meu código que não encontrei resposta nos outros tópicos. De antemão informo que meu conhecimento em javascript é muito limitado, por isso peço encarecidamente a paciência e compreensão dos colegas e dede já agradeço a todos. Muito obrigado. Bem, o problema: Tenho um form php com dois campos apenas: "PN do item" e "Descrição". Para o primeiro campo de input (PN do Item), com a ajuda da internet, implementei um script que a medida que digito ele faz uma busca no BD e autocompleta. Até ai beleza. O que estou querendo agora é, aproveitando a minha estrutura, fazer com que ao escolher o item do primeiro campo de input, o segundo campo de input me retornasse do BD a descrição deste item automaticamente sem refresh da página. Isso é possível? Abaixo deixo meus scripts: <?php require_once 'config/conexao.class.php'; require_once 'config/crud.class.php'; $con = new conexao(); // instancia classe de conxao $con->connect(); // abre conexao com o banco $consulta = mysql_query("SELECT pn_item FROM descricao_de_itens"); //Busca da tabela descricao_de_itens o campo pn_item para preencher as opções no form $dados =""; if(mysql_num_rows($consulta) > 0){ while($row = mysql_fetch_assoc($consulta)){ $dados = $dados."\"".$row["pn_item"]."\","; } } $dados = substr($dados,0,-1); // retira a última virgula ?> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="http://localhost/controle_estoque/css/jquery-ui.css"> <script src="http://localhost/controle_estoque/js/jquery-3.4.1.js"></script> <script src="http://localhost/controle_estoque/js/ui/jquery-ui.js"></script> <script> $( function(){ var availableTags = [<?php echo $dados?>]; $( "#tags" ).autocomplete({ source: availableTags }); } ); </script> <title></title> </head> <body> <form action="" method="post"><!-- formulario carrega a si mesmo com o action vazio --> <div class="ui-widget"> <label for="tags">PN do Item:</label> <input id="tags" type="text" name="nome"/> <br /> <br /> </div> <label>Descri&ccedil;&atilde;o:</label> <input type="text" name="descricao"/> <br /> <br /> <input type="submit" name="cadastrar" value="Cadastrar" /> </form> </body> </html> <?php $con->disconnect(); // fecha conexao com o banco ?>
  5. Pessoal preciso de uma ajuda, desde já agradeço à todos. "Site teste, estudos..." Tenho um formulário com 3 etapas, ele está trabalhando em php normalmente e salvando os dados preenchidos em .txt (para testes apenas). Vamos lá, nas 3 etapas o form está com action="1.php" (2.php, 3.php) e method="post". [Não vou colocar muito código para simplificar, pois é um formulário básico fácil de entender] Exemplo: Pagina 1 - envia para action '1.php' Nome: Telefone: <input type="submit" value="Continuar"> ( O arquivo 1.php armazena os dados e redireciona => header( 'Location:Pagina2.php' ) ; Assim como os outros php's ) Pagina 2 - action 2.php armazena os dados e redireciona => header( 'Location:Pagina3.php' ) ; Cidade: Endereço: <input type="submit" value="Continuar"> A questão está na 3ª página Página 3 - Email: (Preciso que após preencher o campo da página 3 no caso "Email:", ao clicar no botão, neste caso não sei se seria um submit ou button. O formulário não redirecionar para pagina 4, ao clicar ele enviar e salvar normalmente, mas aparecer um novo input na mesma pagina por Exemplo:"Twitter:" ) No caso preciso que ele não redirecione , gostaria de colocar um gif de carregando por 15 segundos por exemplo como se estivesse processando as informações... e em seguida ele apresentar o novo input do "Twitter:" , onde ai sim enviaria normalmente...
  6. Boa tarde Pessoal e minha primeira vez aqui. e gostaria de uma ajuda. como posso salvar no banco o input adicionado pela função ONCLICK?? Encontrei essa ajuda aqui no fórum "(formulario[0][quantidade]) para que os inputs adicionados não fiquem com mesmo nome, porém ainda não conseguir salvar no banco, estou salvando apenas o principal. Resumindo, preciso salvar os pedidos de todos inputs e select adicionado pelo onlick. <div id="box" > <form id="teste" method="post"> <?php if(isset($_POST['acao'])){ $tipo_material = $_POST['material']; $quantidade = $_POST['quantidade']; // salvar no banco de dados! $gravar = new Painel(); $gravar->cadastrarItem($tipo_material,$quantidade); } ?> <div class="pedido"> <label>Selecione Material:</label> <select name="formulario[0] [material]" id="material"> --AQUI MOSTRA OS DADOS RETORNADOS POR UM CONSULTA AO BANCO COM FOREACH-- </select> <input type="text" id="quantidade" name="formulario[0][quantidade]" placeholder="Digite a Quantidade" > <input type="submit" name="acao" value="Cadastrar!"> </form> </div><!--pedido--> </div><!--box-->
  7. odenilson marques

    versões do jquery

    Bom dia! Pessoal tenho um formulário com 3 campos input, nos três estou usando o plugin validate da jquery para realizar a validação, até aí tudo certo, porém em um desses input, estou usando o autocomplete também da jquery para carregar os dados de uma determinada tabela do BD. No entanto, está ocorrendo um problema, pois quando utilizo, por exemplo a versão jquery.3.1.1.js a validação funciona, porém o autocomplete não, e quando utilizo a versão jquery.js o autocomplete funciona e a validação não. Alguém poderia me uma luz de como chegar a uma solução para esse problema? Grato pela atenção!
  8. Bom dia! Eu tô com um probleminha aqui, espero que alguém consiga me ajudar. Eu tenho dois elementos: h1 e h2, eu fiz um script para efeito de digitação pra ambos, só que eu quero que o efeito de digitação do h2 seja iniciado somente quando o h1 for terminado, ou, depois de um tempo que eu selecionar. Tentei fazer dessa forma, mas não deu certo: <script> function typeWrite (elemento) { const textoArray = elemento.innerHTML.split(''); elemento.innerHTML = ''; textoArray.forEach((letra, i) => { setTimeout(function() { elemento.innerHTML += letra }, 75 * i) }); } const titulo = document.querySelector('h1') typeWrite(titulo); </script> <script> var segundos = 4; setTimeout ( function typeWrite (elemento) { const textoArray = elemento.innerHTML.split(''); elemento.innerHTML = ''; textoArray.forEach((letra, i) => { setTimeout(function() { elemento.innerHTML += letra }, 75 * i) }); }, segundos * 1000); const titulo2 = document.querySelector('h2') typeWrite(titulo2); </script> Alguém pode ma falar qual é o erro? Obrigado!
  9. boa noite, é meu primeiro post aqui, eu preciso de ajuda pra colocar um "churrascômetro" no meu site do wordpress, nao tenho noção nenhuma de como fazer isso, alguem pode me dar um norte? é pra um trabalho da faculdade. obrigado  exemplo de como eu quero fazer: http://www.epa.com.br/churrascometro/
  10. Bom dia Estou realizando a soma total de um campo que pode receber vários valores, porém a soma está mostrando valor decimal "1,00" ao invés de por exemplo "1,78". Meu código: <?php for($i=0; $i<count($valor_dcto_fiscal); $i++) { ?> <td> <?php $total_produto = $valor_dcto_fiscal[$i]; ?> <?php $total_geral = $total_geral + $total_produto; ?></td> <td><input name="valor_dcto_fiscal[]" id="valor_dcto_fiscal<?php echo "$i";?>" type="text" size="12" maxlength="10" value="<?php echo "$valor_dcto_fiscal[$i]";?>" onkeyup="multiplica('<?php echo "$i";?>')" ></td> <?php } // Fecha "for" ?> <td>Total:<input name="valor_total_geral" id="valor_total_geral" type="text" size="12" maxlength="10" readonly="readonly" value="<?php echo "R$ $total_geral";?>"></td> <script type="text/javascript"> var quant = document.getElementsByName("valor_dcto_fiscal[]"); var teste = []; function multiplica() { var soma = [].reduce.call(quant, function (somatorio, el) { return somatorio + parseFloat(el.value, 10) || 0; }, 0); var soma_arredonda = soma.toFixed(2); // Esse retorna 2 casas decimais document.getElementById("valor_total_geral").value = soma_arredonda; } </script> Se alguém puder sugerir algo, agradeço.
  11. adrianomonteiroweb

    Scroll

    Galera, é possível realizar o efeito scroll suave até uma div após algum tempo determinado que a página carregar?
  12. Boa tarde pessoal, Sou nova por aqui e também sou nova na programação, e gostaria da ajuda de alguém, se possível. Eu montei uma pagina que cria questionários, onde o usuário pode criar perguntas com 4 tipos de respostas (Radio, Checkbox, Text e Number). Porém não sei como verificar se no questionário, foi criado pelo menos uma pergunta de cada tipo. Montei assim: <select name="tipoconsquestao" id="tipoconsquestao" style="color:#000000; font-size:9px; width:130px; "> <option value="1" selected >Única escolha</option> <option value="2">Múltipla escolha</option> <option value="3">Texto livre</option> <option value="4">Número livre</option> </select> Criei um bloco desses para cada tipo de pergunta: <%if (ArrayQuestions(6,i) = 1) then%> <td width="8%" align=center> <input name="<%=conta_grupo%>" data-sm-tipo="<%=ArrayQuestions(6,i)%>" data-sm-vrmaxquestao="<%=ArrayQuestions(11,i)%>" data-sm-questao-numero="<%=ArrayQuestions(2,i)%>" data-sm- alternativa="<%=ArrayQuestions(3,i)%>" data-sm-questao="<%=conta_grupo%>" id="<%=conta_Alternativa%>" type="radio" value="<%=ArrayQuestions(3,i) %>" <%if ArrayQuestions(4,i) = 1 then response.write "checked"%>/> </td> <td width="92%" >&nbsp;&nbsp;&nbsp;<b><%=ArrayQuestions(1,i)%><b></td> <% end if %> Recebo aqui: var arrayquestoes = []; var arrayalternativas = []; var questionarioRadio = []; var questionarioCheck = []; var questionarioText = []; var questionarioNum = []; for (var i = 1; i <= n_grupos; i++) { var countRadio = 0; var countCheck = 0; var countText = 0; var countVrText = 0; var countVariosVrText = 0; var countNum = 0; $("[data-sm-questao='" + i + "']").each(function (index, value) { var questao = $(this).attr("data-sm-questao-numero"); var alternativa = $(this).attr("data-sm-alternativa"); //alert(alternativa); var vralternativa = $(this).val(); var tipoalternativa = $(this).attr("data-sm-tipo"); vrmaxtotalizacao = $(this).attr("data-sm-vrmaxquestao"); arrayquestoes[i - 1] = questao; //============================================================================================================== // Verifica todos os campos tipo questão 1 (Radiobuttons) e carrega o array questionarioRadio com true ou false //============================================================================================================== if (eval(tipoalternativa) == 1) { if (this.checked) { questionarioRadio[countRadio] = true; if (textoalternativas == '') { textoalternativas = questao + '|' + alternativa + '|' + 1; } else { textoalternativas = textoalternativas + ';'+ questao + '|' + alternativa + '|' + 1; } } else { questionarioRadio[countRadio] = false; } countRadio = countRadio + 1; //console.log(cont); } Faço a validação aqui: for (var k = 0; k < questionarioRadio.length; k++) { if (questionarioRadio[k]) { if (!saidafinalRadio) { saidafinalRadio = true; } } } if (questionarioRadio.length == 1) { saidafinalRadio = true; } } if (!saidafinalRadio) { alert('Por favor responda todas as questões de única escolha.'); return; } E mando para o banco de dados.
  13. AlexandrePrezzi

    Abrir modal que está em outro arquivo

    Seguinte: Em um arquivo teste.php tem um monte de coisas e também tem um modal la pelo meio. <div class="modal fade" id="myModalDadosBasicos" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="myModalLabel_DadosBasicos" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel_DadosBasicos"></h4> </div> <div class="modal-body"> .... Em outro arquivo "principal.php" criei um botão. Gostaria de saber como posso far para quando eu clicar nesse botao, abrir o modal que esta no outro arquivo. Codigo do botão <button type="button" title="Abre Modal" class="btn btn-xs btn-success tp btnAbreModal">Transformar em Pedido Novo</button> O que eu tentei fazer baseado em dicas de outros: $('.btnAbreModal').on('click', function(e){ $.ajax({ type: 'POST', //Caminho do arquivo do seu modal url: 'teste.php', success: function(data){ alert(data); $('#myModalDadosBasicos').modal('show'); } }); }); A questão é .... como defino que o que eu quero abrir na minha página seja somente o modal "myModalDadosBasicos".
  14. Artes Ussler

    Verificar e-mail com validação

    Olá! Tenho este código (validação.js): $("#formulario").validate({ ignore: ".ignore", rules: { nome:{required: true}, usuario:{required: true}, senha:{required: true, minlength:6}, email:{required: true, email: true}, confirma:{ required: true, equalTo: "#password"}, }, messages: { senha:{minlength:"A senha deve ter pelo menos 6 caracteres"}, confirma:{equalTo: "Senhas não conferem!"}, } }); Funciona muito bem, mas preciso acrescentar que somente poderão ser aceitos e-mails de um determinado domínio, ou seja, só podem ser aceitos e-mails com @fulano.com.br e @ciclano.com.br, apenas usando como exemplo. Fico grato se alguém puder me ajudar nisso.
  15. Boa noite galera, fiz um sistema de página, porém quando uso .html para mostrar o resultado no jQuery, ele me retorna apenas um valor, e quando uso outros tipo append, ele me retorna todos os valores que desejo, como resolvo essa questão, não quero usar append. PHP: <?php include '../assets/app/config.php'; $conexao = new Conexao($config); $pagina = (isset($_POST['pagina'])) ? $_POST['pagina'] : 1; $sqlPaginacao = $conexao->conectar()->query("SELECT * FROM noticias"); $total = $sqlPaginacao->num_rows; $qtd = 2; $paginas = ceil($total / $qtd); $inicio = ($qtd * $pagina) - $qtd; $tudo[] = array("paginas" => $paginas); $sql = $conexao->conectar()->query("SELECT * FROM noticias LIMIT $inicio, $qtd"); while($mostra = $sql->fetch_assoc()) { $tudo[] = array("titulo" => $mostra['titulo']); } echo json_encode($tudo); ?> jQuery: var paginacao = { atual: 1, next: function(tipo){ paginacao.atual++ $.ajax({ type: "POST", url: "paginacao.php?pagina=" + paginacao.atual, data: {'pagina' : paginacao.atual}, dataType: 'json', success: function (result) { var botao = $(".arrow.next") for (var i = 0; i < result.length; i++) { var html = "<article class='news'>"; html += result[i]['titulo']; html += "</div>"; $('.all').html(html); } if(tipo == 'next') { $(".arrow.back").removeClass('disabled'); } if(paginacao.atual >= result[0]['paginas']) { botao.removeAttr('onclick'); $(".arrow.next").addClass('disabled'); $(".arrow.back").removeClass('disabled'); }else if (paginacao.atual > 1){ $(".arrow.back").removeClass('disabled'); } } }); }, prev: function(tipo){ paginacao.atual-- $.ajax({ type: "POST", url: "paginacao.php?pagina=" + paginacao.atual, data: {'pagina' : paginacao.atual}, dataType: 'json', success: function (result) { var botao = $(".arrow.next") botao.attr('onclick', 'paginacao.next()'); for (var i = 0; i < result.length; i++) { var html = "<article class='news'>"; html += result[i]['titulo']; html += "</div>"; $('.all').html(html); } if(tipo == 'next') { $(".arrow.back").removeClass('disabled'); } if (paginacao.atual <= 1) { $(".arrow.back").addClass('disabled'); $(".arrow.next").removeClass('disabled'); } else { $(".arrow.back").removeClass('disabled'); } } }); } }
  16. Boa tarde pessoal. Estou terminando um site para imobiliária, no qual faz parte da ferramenta de busca o Select2. Está tudo funcionando. O problema é que, ao selecionar um imóvel, seria necessário que os campos que o cliente escolheu, ficassem com o selected setados. Esse seria um dos scritps: O que faz o ajax: /*************** Procurar cidade ***************/ //$('#cidade').select2('data', {id: '5256', text: 'cidade selecionada...'}); $( "#cidade" ).select2({ ajax: { url: "<?php echo $dir_base; ?>php/procurar_cidades_pesquisa.php", dataType: 'json', delay: 250, data: function (params) { return { finalidade_id: $("#finalidade").val(), tipo_imovel_id: $("#tipo_imovel").val(), q: params.term // search term }; }, processResults: function (data) { // parse the results into the format expected by Select2. // since we are using custom formatting functions we do not need to // alter the remote JSON data return { results: data }; }, cache: true }, language: { noResults: function (params) { return "Selecione a finalidade"; } } }); $("#bairro").prop("disabled", true); $("#cidade").on("change", function () { if($(this).val().length == 0) { $("#bairro").prop("disabled", true); }else{ $("#bairro").prop("disabled", false); } $("#bairro").empty().trigger('change') }); /*************** Procurar cidade ***************/ E o php que faz a busca do db: <?php /******* Conexão com o bando de dados *******/ include "../Conexao/config.php"; mysqli_select_db($config, $database_config); mysqli_set_charset($config,"utf8"); /******* Conexão com o bando de dados *******/ $finalidade_id = strip_tags(trim($_GET['finalidade_id'])); $tipo_imovel_id = @strip_tags(trim($_GET['tipo_imovel_id'])); $cidade_sel_url = @strip_tags(trim($_GET['cidade_sel_url'])); $search = @strip_tags(trim($_GET['q'])); if(empty($finalidade_id)){ $sql_json = mysqli_query($config, "SELECT imv.cidade, cid.nome FROM tb_imovel imv LEFT JOIN tb_cidades AS cid ON (imv.cidade = cid.id) WHERE cid.nome LIKE '".$search."%' AND imv.finalidade = '1' GROUP BY imv.cidade") or die(mysqli_error($config)); }elseif(empty($tipo_imovel_id)){ $sql_json = mysqli_query($config, "SELECT imv.cidade, cid.nome FROM tb_imovel imv LEFT JOIN tb_cidades AS cid ON (imv.cidade = cid.id) WHERE cid.nome LIKE '".$search."%' AND imv.finalidade = '".$finalidade_id."' GROUP BY imv.cidade") or die(mysqli_error($config)); }else{ $sql_json = mysqli_query($config, "SELECT imv.cidade, cid.nome FROM tb_imovel imv LEFT JOIN tb_cidades AS cid ON (imv.cidade = cid.id) WHERE cid.nome LIKE '".$search."%' AND imv.finalidade = '".$finalidade_id."' AND tipo = '".$tipo_imovel_id."' GROUP BY imv.cidade") or die(mysqli_error($config)); } $return_arr = array(); if(@mysqli_num_rows($sql_json) <= '0'){ echo ""; }else{ while($r_sql_json = mysqli_fetch_array($sql_json)){ $row_array['id'] = $r_sql_json['cidade']; $row_array['text'] = $r_sql_json['nome']; array_push($return_arr,$row_array); } } echo json_encode($return_arr); ?> Encontrei essa linha na documentação: //$('#cidade').select2('data', {id: '5256', text: 'cidade selecionada...'}); Mas eu coloco e a cidade selecionada não fica setada com seleted. São seis campos que ocorrem isso, todos parecidos com este. A instrução acima está correta e eu não estou sabendo fazer ou teria algum outro modo de fazer isso? Obrigado!
  17. Kelven

    Mailchimp sem php

    Olá pessoal tudo bem? Então eu quero colocar um formulário de newsletter em um servidor q não tem suporte para php, o negócio é q depois que a pessoa clica em se cadastrar eu quero que ela seja redirecionada para outro site, então gostaria de saber como posso estar fazendo isso usando apenas javascript, jquery ou ajax com o API do Mailchimp? Porque já procurei muito e não achei, só achei em php.
  18. Diego Carlos

    Pegar posição especifica no .each

    Fiz um laço .each que retorna alguns button: $(document).ready(function(){ listarPedidos() var consultas = setInterval(listarPedidos, 4000); }); function listarPedidos(){ $.getJSON('conectar/_pedidos/listaPedidos.php', function (data) { $.each(data, function(i, valor){ elementoFILA += "<tr id='statusFILA'>"; elementoFILA += "<td>" + valor.PED_ID + "</td>"; elementoFILA += "<td>" + valor.PED_DATA_N + "</td>"; elementoFILA += "<td>" + resultado + " / " + valor.CLI_TEL + "</td>"; elementoFILA += "<button class='btn btn-info' id='btnVisu' title='Visualizar Pedido'><i class='fas fa-eye'></i> </button>"; elementoFILA += "<button class='btn btn-primary' title='Editar Pedido'><i class='fa fa-pencil-alt'></i> </button>"; elementoFILA += "<button class='btn btn-dark' disabled='' title='Setar Saiu Entrega'><i class='fa fa-motorcycle'></i> </button>"; elementoFILA += "<button class='btn btn-dark' id='btnFinalizar' disabled='' title='Finalizar Pedido'><i class='fa fa-check'></i> </button>"; elementoFILA += '</td>' elementoFILA += "</tr>"; } Minha dificuldade é pegar linha id='btnVisu'. Estou tentando fazer dessa forma, mas não da certo: $('#btnVisu').click(function () { alert("clicou"); }); já fiz com class também mas não deu, engraçado que dessa forma deveria pelo menos pegar o primeiro da lista e não pega dês de já agradeço
  19. Estava fazendo download de coisas que uso no trabalho, mas parece que esqueci de algo. Sempre dá esse erro, mas tecnicamente parece que tá tudo ok? Eu esqueci algum programa ou algo do código em si? Agradeço desde já.
  20. VCastilho

    Criação de um Filtro Inteligente

    Boa Tarde Estou tentando desenvolver um Filtro Inteligente, no qual funcionaria da seguinte forma: Filtro 1 Filtro 2 Filtro 3 Filtro 4 Opção 1 Opção 2 Opção 3 Ao selecionar a Opção 1 do Filtro 1 liberaria as opções do filtro 2 Filtro 1 Filtro 2 Filtro 3 Filtro 4 Opção 1 Opção 1 - a Opção 1 -b Opção 1 -c Assim escolhendo a opção do filtro 2 liberaria as opções do Filtro 3 e assim por diante Ao escolher a Opção 2 do Filtro 1 liberaria outras opções No caso preciso aplicar na plataforma da Tray, que é o de menos porém não consigo chegar ao código certo Estou tentando utilizar o HTML e o JQuery em conjunto para isso, conseguem me ajudar? Realmente estou perdido na situação Atenciosamente Vinicius Castilho
  21. lucianfpaula

    Criador de site tipo wix.com

    Olá gostaria de saber se alguém poderia me dar a direção para o seguinte: Quero desenvolver um serviço do tipo wix, onde a pessoa pode criar o site dela baseado em um template que irá ter no sistema. muito grato
  22. Olá a todos. Tenho uma dúvida e não sei se é possível caso tenha alguma sugestão por favor avise. Adicionar resultado de um innerhtml dentro de um link atributo href é possível? ou seja eu tenho um input onde seleciono um ano <select id="ano"> <option selected>2019</option> <option value="2018">2018</option> <option value="2017">2017</option> </select> <div id="anoAtual"></div> No query pego o valor ou seja o ano selecionado e jogo no html $("select").change(function () { document.getElementById("ano").innerHTML = document.getElementById("anoAtual").value; }); Agora vem a dúvida como eu jogo na URL? existe uma outra forma? é possível? <a href='resultado.php&ano=COMO JOGAR O ANO AQUI?'>
  23. jlrs19833

    RETORNAR DADOS PARA PHP

    Bom dia, pessoal! Estou precisando de uma luz para saber como tratar determinado problema: Cenário: Ambiente em desenvolvimento de plataforma para gestão de uma empresa. Linguagem principal: PHP (framework CodeIgniter) Dificuldade: retornar dados de select dinâmico junto ao evento de post do formulário. Descrição: Conforme mencionado acima, estou desenvolvendo um pequeno sistema para uma empresa que conterá poucas telas, sou desenvolver entusiasta, então não tenho muito conhecimento e prática com este assunto. Em determinada tela, o cliente quer que haja um formulário de cadastro onde dentre os diversos campos deste form, haverá dois do tipo select, onde um é o select de cidade e o outro do tipo estado. O select de Estado é preenchido automaticamente quando do carregamento da view, através de uma chamada do controller/model junto ao BD e o select cidade é preenchido de maneira automática, com javascript, através de uma mesma consulta, passando o ID do campo estado. Minha dificuldade está quando faço o submit deste form, pois o campo value do option deste select (cidade) não é enviado junto, pois no código fonte ele não foi carregado. Como posso fazer para recuperar esse value e enviar junto com o evento de submit? Segue como meus arquivos estão sendo feitos. Como pode observar estou, tentando apenas printar os campos para que eu possa ter certeza que eles estão sendo carregados. https://gist.github.com/jlrs19833/808887a5221ff31ca6ea22bf0c8b85a5 Peço desculpas se estou postando no local errado e que os moderadores me orientem neste caso. Desde já agradeço o auxílio de cada um.
  24. jlrs19833

    RETORNAR DADOS PARA PHP

    Bom dia, pessoal! Estou precisando de uma luz para saber como tratar determinado problema: Cenário: Ambiente em desenvolvimento de plataforma para gestão de uma empresa. Linguagem principal: PHP (framework CodeIgniter) Dificuldade: retornar dados de select dinâmico junto ao evento de post do formulário. Descrição: Conforme mencionado acima, estou desenvolvendo um pequeno sistema para uma empresa que conterá poucas telas, sou desenvolver entusiasta, então não tenho muito conhecimento e prática com este assunto. Em determinada tela, o cliente quer que haja um formulário de cadastro onde dentre os diversos campos deste form, haverá dois do tipo select, onde um é o select de cidade e o outro do tipo estado. O select de Estado é preenchido automaticamente quando do carregamento da view, através de uma chamada do controller/model junto ao BD e o select cidade é preenchido de maneira automática, com javascript, através de uma mesma consulta, passando o ID do campo estado. Minha dificuldade está quando faço o submit deste form, pois o campo value do option deste select (cidade) não é enviado junto, pois no código fonte ele não foi carregado. Como posso fazer para recuperar esse value e enviar junto com o evento de submit? Segue como meus arquivos estão sendo feitos. Como pode observar estou, tentando apenas printar os campos para que eu possa ter certeza que eles estão sendo carregados. https://gist.github.com/jlrs19833/808887a5221ff31ca6ea22bf0c8b85a5 Peço desculpas se estou postando no local errado e que os moderadores me orientem neste caso. Desde já agradeço o auxílio de cada um.
  25. fernando56736454563

    Clonar uma div que ja clona

    cloneform = $('#dadosbanco').html(); $(document).on('click','.remDiv, .addDiv', function(e){ thisClass = e.target.className; thisClass == 'remDiv' ? ($('.'+thisClass).length > 1 ? $(this).closest('.remove').prev().add($(this).closest('.remove')).remove() : 0) : $('#dadosbanco').append(cloneform); }); var counter = 1; function addInput(divName, template) { if (counter == 5) { document.getElementById("add_more_text").remove(); } else { var newdiv = document.createElement('div'); newdiv.innerHTML = document.getElementById(divName).innerHTML; newdiv.className = 'added'; document.getElementById(template).appendChild(newdiv); counter++; } var selectElements = document.querySelectorAll('select'); for (var i = 0; i < selectElements.length; i++) { selectElements[i].id = 'id-' + i; selectElements[i].name = 'category' + i; } } function removeInput(obj) { if (obj.parentNode.className == 'added') { obj.parentNode.parentNode.removeChild(obj.parentNode); counter--; } } <input type="button" value="Adicionar Componente" class="addDiv"/> <div id="dadosbanco"> <div class="remove"> <div id="template"> <input type="text" name=""> <a href="javascript:void(0)" onClick="removeInput(this);">x</a> </div> <div id="add_more"></div> <a href="javascript:void(0)" onClick="addInput('template', 'add_more');" id="add_more_text">+ Add more</a> </div> <div class="remove"> <input type="button" value="Remover Componente" class="remDiv" /> </div> </div> Sempre que faço a clonagem da div id dadosbanco, quando clico para clonar a div de id template ele aparece na minha clonagem original da primeira div de id template
×

Important Information

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