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

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 755 registros

  1. juliosertori

    Soma de Campos em Repeat

    Olá boa noite galera, tenho um Repeat que incrementa Preço e Quantidade de um produto. Estou tentando fazer multiplicação do "preço" * "quantidade" de cada linha do Repeat mas ainda não encontrei uma forma de fazer isso, já que os campos são repetidos com IDS iguais. A única diferença nos campos é que se cria um Array por exemplo, name="preco[0]", assim por diante. Mas não tem um Looping para eu criar cada script para multiplicação dos campos e acredito que não seja a maneira correta. Estou fazendo assim o calculo funciona: $(document).on('keyup', 'input[id="qtdProds"]', function(){ var tr = $(this).closest('#add_item_list'); var qtde = tr.find('input[id="precoProds"]').val(); var qtde = qtde.toString().replace( "R$ ", "" ); var qtde = qtde.toString().replace( ",", "" ); var vlrunt = $(this).val(); if (qtde && vlrunt){ tr.find('input[id="totalProds"]').val(parseFloat(vlrunt) * parseFloat(qtde)); parseFloat(String('123.456').replace(/[^\d\.]/g, "")).toFixed(2); } }); O problema é que assim da "bug" logicamente, pois não está sendo feito para cada linha do repeat, e sim todos campos com mesmo nome. Alguém tem uma ideia de como posso fazer isso? Obrigado!
  2. juliosertori

    Enviar Valor Somado em Input

    Olá boa noite, procurei e não encontrei algo relacionado. Tenho um Input onde vou mostrar valores somados, e tenho outros input que tem os valores. Existe a possibilidade, de após um evento, ele mandar o valor do input de preços, a somar com o valor já existente ao input de total de valores?
  3. juliosertori

    [Resolvido] Pegar Chave de Array em Listagem Repeat

    Olá boa tarde, eu tenho uma listagem que utilizo com JQuery Repeat, e fora ela adiciono novas linhas através de código de barras que o cliente digita, até ai tudo bem, está funcionando perfeitamente essa parte. Consigo adicionar novas linhas no Repeat tanto pelo próprio Repeat, quanto por um Append externo. O problema está no Array que é criado para enviar o POST. Criando por exemplo quando adiciono nova linha pelo Repeat: <input type="text" value="0" name="produtos_pdv[0][qtd]" class="form-control" /> E então ao adicionar novas linhas pelo Repeat, ele adiciona com "produtos_pdv[1][qtd]". Mas pelo outro Append, não consigo seguir a mesma ordem do Repeat, então fica bagunçado o Array, tentei utilizar o ID do produto como CHAVE, mas ai o Array se desvincula. Como posso pegar a ultima chave desse Array que está criando "produtos_pdv" para continuar seguindo a ordem no meu Append? Obrigado!
  4. Boa tarde galera, tenho um formulário na qual utilizo o Repeat do JQuery, e utilizo a Mask de Preço no campo de Preço. Porém, a mascara só é "carregada" na linha que já vem preenchida na página, ou seja a primeira, as linhas seguintes quando clico para adicionar mais produtos, a mascara não funciona, isso aconteceu também com o campo do Select na qual utilizo o Select2. E encontrei uma solução utilizando: $("#repeater-button").click(function(){ setTimeout(function(){ $(".select2").select2({ placeholder: "Selecione", allowClear: true }); }, 100); }); Alguém teria uma ideia baseada nesse script de como fazer para a mascara também funcionar nos campos seguintes? Obrigado
  5. André_Maronne

    Como adicionar o header nesta solicitação jSON?

    Olá pessoal, alguém sabe como eu adiciono o header no script abaixo? headers:{ 'Authorization' : 'Bearer '+accessToken, 'Content-Type' : 'application/json' } ------------------------------------- SCRIPT PARA ADICIONAR O HEADER ----------------------------------- jQuery.get('data.json', function (data) { var videosConfig = { list: tvApp.videoList, data: JSON.parse(data), callback: function () { var movies = document.querySelectorAll('.navigable'); var i=0; for (i = 0; i < movies.length; i += 1) { movie = movies; movie.removeEventListener('focus', onFocus); movie.addEventListener('focus', onFocus); } function documentOffsetTop(el) { return el.offsetTop + ( el.offsetParent ? documentOffsetTop(el.offsetParent) : 0 ); } function onFocus(e) { console.log(e); var el = document.querySelector('.navigable.focused'); var top = documentOffsetTop(el) - ( window.innerHeight / 3 ); app.videoList.parentNode.scrollTop = top; app.stateObj.videoId = el.dataset.videoid; app.stateObj.videoURL = el.dataset.video; } } }; new VideoList(videosConfig); bishopNavigation.focus(document.getElementById('video-list').firstElementChild, 'keyboard'); });
  6. junior almeida

    problema com click jquery

    tenho o seguinte codigo <head> <script type="text/javascript"> $.ajax({ url: 'livros.json', dataType: 'json', type: 'get', cache: false, success: function(data){ $.each(data, function(i, item){ console.log(item.name); $("#lista").append("<li><a id='livro'>"+item.name+"</a></li>"); }); } }); </script> <script type="text/javascript" src="js/script.js"></script> </head> <body> <div id="wrapper"> <ul id="lista"> </ul> </div> </body> ate ai tudo bem ele me lista os dados que estão no json ai queria pegar o click nos items listados ai estou usando esse codigo $(document).ready(function(){ $('#livro').click(function(){ console.log("clicou"); }); }) só que ele não me retorna nada, se alguém puder me ajudar
  7. Diego Gonçalves Teixeira

    Procuro Recomendação para fazer uma ferramenta

    [RECOMENDAÇÕES][Javascript] Fala pessoal tudo bem? vou implantar um modulo em meu sistema que precisa permitir que o usuário faça marcações em imagens ou textos e fazer comentários relacionados a essas marcações. Alguém tem uma recomendação de algum plugin ou algo do tipo que meio que já faça isso para eu poder adaptar? PS: meu sistema atual trabalha com PHP (utilizando Laravel) e Javascript
  8. Rengavitp

    Ler json de arquivo local para gerar uma mapa

    Boa noite pessoal, Estou precisando gerar um mapa com a api do google maps, achei um modelo na net e consegui adaptar para o que eu preciso, porém as coordenadas dos pontos que serão adicionados no maps estão no formato json e estático no mesmo arquivo. eu preciso fazer com que ao invés de carregar dali eu tenha um arquivo json local que é lido, assim posso gerar esse arquivo antes de abrir o mapa. Alguém pode me ajudar, sou novo com javascript e com json, não estou conseguindo sozinho, se alguém puder ajudar agradeço. abaixo segue o map.js para análise. var map; var infoWindow; //aqui que preciso mudar var markersData =[ { lat: -27.6386333, lng: -48.745, nome: "Barra", morada1:"Rua Diogo Cão, 125", morada2: "Praia da Barra", codPostal: "3830-772 Gafanha da Nazaré" }, { lat: -27.59955, lng: -48.7498167, nome: "Costa Nova", morada1:"Quinta dos Patos, n.º 2", morada2: "Praia da Costa Nova", codPostal: "3830-453 Gafanha da Encarnação" }, { lat: -27.6247167, lng: -48.7129167, nome: "Gafanha da Nazaré", morada1:"Rua dos Balneários do Complexo Desportivo", morada2: "Gafanha da Nazaré", codPostal: "3830-225 Gafanha da Nazaré" } ]; function initialize() { var mapOptions = { center: new google.maps.LatLng(40.601203,-8.668173), zoom: 9, mapTypeId: 'roadmap', }; map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); // cria a nova Info Window com referência à variável infowindow // o conteúdo da Info Window será atribuído mais tarde infoWindow = new google.maps.InfoWindow(); // evento que fecha a infoWindow com click no mapa google.maps.event.addListener(map, 'click', function() { infoWindow.close(); }); // Chamada para a função que vai percorrer a informação // contida na variável markersData e criar os marcadores a mostrar no mapa displayMarkers(); } google.maps.event.addDomListener(window, 'load', initialize); // Esta função vai percorrer a informação contida na variável markersData // e cria os marcadores através da função createMarker function displayMarkers(){ // esta variável vai definir a área de mapa a abranger e o nível do zoom // de acordo com as posições dos marcadores var bounds = new google.maps.LatLngBounds(); // Loop que vai estruturar a informação contida em markersData // para que a função createMarker possa criar os marcadores for (var i = 0; i < markersData.length; i++){ var latlng = new google.maps.LatLng(markersData[i].lat, markersData[i].lng); var nome = markersData[i].nome; var morada1 = markersData[i].morada1; var morada2 = markersData[i].morada2; var codPostal = markersData[i].codPostal; createMarker(latlng, nome, morada1, morada2, codPostal); // Os valores de latitude e longitude do marcador são adicionados à // variável bounds bounds.extend(latlng); } // Depois de criados todos os marcadores // a API através da sua função fitBounds vai redefinir o nível do zoom // e consequentemente a área do mapa abrangida. map.fitBounds(bounds); } // Função que cria os marcadores e define o conteúdo de cada Info Window. function createMarker(latlng, nome, morada1, morada2, codPostal){ var marker = new google.maps.Marker({ map: map, position: latlng, title: nome }); // Evento que dá instrução à API para estar alerta ao click no marcador. // Define o conteúdo e abre a Info Window. google.maps.event.addListener(marker, 'click', function() { // Variável que define a estrutura do HTML a inserir na Info Window. var iwContent = '<div id="iw_container">' + '<div class="iw_title">' + nome + '</div>' + '<div class="iw_content">' + morada1 + '<br />' + morada2 + '<br />' + codPostal + '</div></div>'; // O conteúdo da variável iwContent é inserido na Info Window. infoWindow.setContent(iwContent); // A Info Window é aberta. infoWindow.open(map, marker); }); }
  9. Tenho uma página que tem uma tabela, o usuário tem a opção de ordenar as linhas desta tabela com evento drag and drop. O evento funciona perfeitamente no windows, Chrome, Internet Explorer, Firefox. Quero que esta tabela funcione em dispositivo móvel para ser mais exato com Android pois vou usar internamente dentro da empresa onde trabalho e lá usa somente tablets e celulares com OS Android. Em minha tabela inseri um id sortable <tbody id="sortable" style="cursor:pointer"> e também nesta linha o script pega a linha com os valores <td class="taskSingleInLine" id="task@(Model.LoteList.ElementAt(i).NumeroLote)" data-taskid="@(Model.Genero.ElementAt(i).GeneroId)-@(i+1)"> Segue abaixo código Javscript/Ajax e o html <script src="~/Scripts/jquery-ui-1.12.1.min.js"></script> <script> $(document).ready(function () { $("#sortable").sortable({ update: function (event, ui) { var itemIds = ""; $("#sortable").find(".taskSingleInLine").each(function () { var itemId = $(this).attr("data-taskid"); itemIds = itemIds + itemId + ","; }); $.ajax({ url: '@Url.Action("UpdateItem", "Lotes")', data: { itemIds: itemIds }, type: 'POST', success: function (data) { location.reload(); }, error: function (xhr, status, error) { } }); } }); }); </script> Html - ASP.NET MVC <div class="table-responsive"> <table class="table table-hover table-striped"> <thead> <tr> <th> @Html.DisplayNameFor(model => model.Lote.NumeroLote) </th> </tr> </thead> <tbody id="sortable" style="cursor:pointer"> @for (var i = 0; i < Model.LoteList.Count(); i++) { <tr> <td class="taskSingleInLine" id="task@(Model.LoteList.ElementAt(i).NumeroLote)" data-taskid="@(Model.Genero.ElementAt(i).GeneroId)-@(i+1)"> @Html.DisplayFor(Model => Model.LoteList.ElementAt(i).NumeroLote) </td> </tr> } </tbody> </table> </div>
  10. <!DOCTYPE html> <html> <head> <title>Teste Parte 2</title> <meta charset="utf-8"> </head> <body> <table border="1"> <tbody> <tr id="ideas-row"> <td align="right">1,000</td> <td align="left">Ideas</td> </tr> <tr id="comments-row"> <td align="right">1,348</td> <td align="left">Comments</td> </tr> <tr id="likes-row"> <td align="right">2,130</td> <td align="left">Likes</td> </tr> <tr id="members-row"> <td align="right">1,226</td> <td align="left">Members</td> </tr> </tbody> </table> <br> <button id="btn-One">Botão vermelho</button> <button id="btn-Two">Botão Azul</button> <script type="text/javascript"> // Desenvolva o seu Script aqui // Pode ser com JQuery ou JavaScript puro </script> </body> </html>
  11. ronaldosdb

    Comparacao de Combos (Select)

    Pessoal, bom dia Recentemente consegui nesse resultado com a ajuda de colegas desse forum. https://jsbin.com/mocexidebu/edit?html,js,output A grande duvida agora é como fazermos com que 4 ou mais combos possam ser comparados para que a opcao escolhida em um não possa ser escolhida nos demais. E se alguma opcao for alterada que a regra se mantenha (atualize) Exemplo: Combo 1 (A,B,C,D) Combo 2 (A,B,C,D) Combo 3 (A,B,C,D) Combo 4 (A,B,C,D) Caso A seja escolhida no combo 1 ela some dos cobos 2, 3 e 4 Assim por diante, fazendo com que não sejam escolhidas opcoes iguais. Agradeco qqer ajuda
  12. danipereira

    manipular cc e salvar

    Faço uma manipulação simples no css: *apenas um exemplo. $("p").css({"background-color": "#ff0000", "font-size": "30px"}); Mais quando atualizo a página não está alterado. Preciso manter a alteração. Como?
  13. reinaldorti

    getElementById

    Olá, estou tetando fazer com que um X não aparece quando não tiver o document.getElementById('div-gpt-ad-9228031400000-18'), mais não estou conseguindo.. só que quando eu desativo o banner ele fica aparecendo, alguém poderia me dar uma luz, desde já agradeço... <div class="floater_desktop" id="floater" style="display:none; height:300px; width:500px; z-index:9998; position:fixed; left: 50%; top:50%; margin-left: -250px; margin-top: -150px;"> <?php $q = new IncludesAction(); echo $q->adsenseDiv(18); ?> <div id="fechar" style="display:none; width:25px; height:25px; position:fixed; left:50%; top:50%; margin-left: 225px; margin-top:-160px; border:solid #0f5d9e 2px; background-color:#0f5d9e; z-index:9999; border-radius:10px;"> <a href="javascript: fechar();" style='color: #fff; font-size: 22px; position:absolute; left:50%; margin-left:-7px; margin-top: -6px;'>X</a> </div> <script language="javascript"> var myElement = document.getElementById('div-gpt-ad-9228031400000-18'); if (myElement){ abrir(); }else{ } //FUNÇÃO PARA FECHAR O FLOATER AO CLICAR NO X function fechar(){ document.getElementById('fechar').style.display = 'none'; document.getElementById('div-gpt-ad-9228031400000-18').style.display = 'none'; document.getElementById('fecha_floater').style.display = 'none'; } //DEFINE O TEMPO PARA FECHAR O FLOATER AUTOMATICAMENTE EM MILISSEGUNDOS function abrir(){ document.getElementById('fechar').style.display = 'block'; document.getElementById('floater').style.display = 'block'; setTimeout ("fechar()", 16000); } </script> </div>
  14. evertongouveia

    Formulário de pesquisa em ajax

    Boa noite galera, estou tentando fazer com que uma página só mostre o resultado quando eu clicar em "Buscar" já tentei de várias formas e não consigo. Queria que mostrasse o resultado a partir do preenchimento do formulário. Segue abaixo o meu código: <!DOCTYPE html> <head> <title>Conveniados</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/colors/main.css" id="colors"> <script> $(document).ready(function(e) { $("form[ajax=true]").submit(function(e) { e.preventDefault(); var form_data = $(this).serialize(); var form_url = $(this).attr("action"); var form_method = $(this).attr("method").toUpperCase(); $("#loadingimg").show(); $.ajax({ url: form_url, type: form_method, data: form_data, cache: false, success: function(returnhtml){ $("#result").html(returnhtml); $("#loadingimg").hide(); } }); }); }); </script> </head> <body> <?php $conveniados = array(); $destaques = array(); $servicos = array(); $locais = array(); $especialidades = array(); $convs = json_decode(file_get_contents('http://url.com.br/Service/BackOffice.svc/retornaConveniado')); foreach($convs as $conv){ $info = array(); $info["nome"] = $conv->nmConveniado; $info["categoria"] = $conv->listaEspecialidade[0]->nmEspecialidade; $especialidades[] = $conv->listaEspecialidade[0]->nmEspecialidade; $info["endereco"] = $conv->listaEndereco[0]->nmLogradouro; $info["bairro"] = $conv->listaEndereco[0]->nmBairro; $info["cidade"] = $conv->listaEndereco[0]->nmCidade; $info["telefone"] = $conv->dsTelefone1; $locais[] = $conv->listaEndereco[0]->nmCidade; $info["estado"] = $conv->listaEndereco[0]->sgEstado; $servicos_str = ''; $k=0; foreach($conv->listaServico as $serv_str){ $k++; $servicos[] = $serv_str->nmServico; if($k==count($conv->listaServico)){ $servicos_str .= $serv_str->nmServico; } else { $servicos_str .= $serv_str->nmServico.', '; } } $info["servicos"] = $servicos_str; $info["imagem"] = $conv->listaImagem[0]->nmArquivo; $conveniados[] = $info; if($conv->flDestaqueSite){ $destaques[] = $info; } } $_especialidades = array_unique($especialidades); $_servicos = array_unique($servicos); $_locais = array_unique($locais); asort($_especialidades); asort($_servicos); asort($_locais); ?> <!-- Wrapper --> <div id="wrapper"> <!-- Header Container ================================================== --> <header id="header-container"> <!-- Header --> <div id="header"> <div class="container"> <!-- Left Side Content --> <div class="left-side"> <!-- Logo --> <div id="logo"> <a href="index.html"><script type="text/javascript"> //<![CDATA[ window.__mirage2 = {petok:"c15ffef9e9bc60c90529128598972fc85e861c0e-1529018942-86400"}; //]]> </script> <script type="text/javascript" src="https://ajax.cloudflare.com/cdn-cgi/scripts/04b3eb47/cloudflare-static/mirage2.min.js"></script> <img data-cfsrc="images/logo.png" alt="" style="display:none;visibility:hidden;"><noscript><img src="images/logo.png" alt=""></noscript></a> </div> <!-- Mobile Navigation --> <div class="mmenu-trigger"> <button class="hamburger hamburger--collapse" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> </div> <div class="right-side"> <div class="header-widget"> <a href="#" class="button border with-icon">Seja um conveniado <i class="sl sl-icon-plus"></i></a> </div> </div> </div> </div> </header> <div class="clearfix"></div> <div class="main-search-container" data-background-image="images/main-search-background-01.jpg" style="background-image: url("images/main-search-background-01.jpg");"> <div class="main-search-inner"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 class="text-center">Conveniados Anjo da Guarda</h2> <h4 class="text-center">Localize o conveniado desejado</h4> <form method="post" ajax="true" action=""> <div class="main-search-input"> <div class="main-search-input-item"> <input type="text" placeholder="Nome do conveniado" id="searchQuery" value=""> </div> <div class="main-search-input-item"> <select data-placeholder="Cidade" class="chosen-select" style="display: none;"> <?php foreach($_locais as $local){ ?> <?php if(trim($local)!=''){ ?> <option value="<?php echo $local; ?>"><?php echo $local; ?></option> <?php } ?> <?php } ?> </select> </div> <div class="main-search-input-item"> <select data-placeholder="Categoria" class="chosen-select" style="display: none;"> <option>Categoria</option> </select> </div> <div class="main-search-input-item"> <select data-placeholder="Especialidade" class="chosen-select" style="display: none;"> <?php foreach($_especialidades as $especialidade){ ?> <?php if(trim($especialidade)!=''){ ?> <option value="<?php echo $especialidade; ?>"><?php echo $especialidade; ?></option> <?php } ?> <?php } ?> </select> </div> <div class="main-search-input-item"> <select data-placeholder="Serviço" class="chosen-select" style="display: none;"> <option value>Serviços</option> <?php foreach($_servicos as $servico){ ?> <?php if(trim(servico)!=''){ ?> <option value="<?php echo $servico; ?>"><?php echo $servico; ?></option> <?php } ?> <?php } ?> </select> </div> <input type="submit" class="button" value="Buscar" /> </div> </form> </div> </div> </div> </div> </div> <div class="container "> <div class="row"> <div class="col-md-12 margin-top-40"> <div class="row"> <!-- Lista --> <?php $d=0; ?> <?php shuffle($destaques); ?> <?php foreach($destaques as $destaque){ ?> <?php $d++; if($d<=2){ ?> <div class="col-lg-12 col-md-12"> <div class="listing-item-container list-layout"> <a href="#" class="listing-item"> <!-- Imagem --> <div class="listing-item-image"> <img data-cfsrc="<?php echo $destaque["imagem"]; ?>" alt="" style="display:none;visibility:hidden;"><noscript><img src="<?php echo $destaque["imagem"]; ?>" alt=""></noscript> <span class="tag"><?php echo $destaque["categoria"]; ?></span> </div> <!-- Conteúdo --> <div class="listing-item-content"> <div class="listing-badge anunciante">Anunciante</div> <div class="listing-item-inner"> <h3><?php echo $destaque["nome"]; ?> <i class="verified-icon"></i></h3> <span><?php echo $destaque["telefone"]; ?></span></br> <span><?php echo $destaque["endereco"]; ?>, <?php echo $destaque["bairro"]; ?>, <?php echo $destaque["cidade"]; ?> - <?php echo $destaque["estado"]; ?></span> </div> </div> </a> </div> </div> <?php } ?> <?php } ?> <!-- Lista / Fim --> <center><a href="#" class="button border with-icon margin-bottom-20">Ver mais</a></center> <!-- Lista --> <?php $d=0; ?> <?php foreach($conveniados as $conveniado){ ?> <?php $d++; if($d<=5){ ?> <div class="col-lg-12 col-md-12" especialidade="<?php echo $conveniado["categoria"]; ?>" local="<?php echo $conveniado["cidade"]; ?>" nome="<?php echo $conveniado["nome"]; ?>" servicos="<?php echo $conveniado["servicos"]; ?>"> <div class="listing-item-container list-layout"> <a href="#" class="listing-item"> <!-- Imagem --> <div class="listing-item-image"> <?php if($conveniado["imagem"] != ''){ ?> <img data-cfsrc="<?php echo $conveniado["imagem"]; ?>" alt="" style="display:none;visibility:hidden;"><noscript><img src="<?php echo $conveniado["imagem"]; ?>" alt=""></noscript> <?php } else { ?> <img data-cfsrc="images/sem-imagem.jpg" alt="" style="display:none;visibility:hidden;"><noscript><img src="images/sem-imagem.jpg" alt=""></noscript> <?php } ?> <span class="tag"><?php echo $conveniado["categoria"]; ?></span> </div> <!-- Conteúdo --> <div class="listing-item-content"> <div class="listing-item-inner"> <h3><?php echo $conveniado["nome"]; ?></h3> <span><?php echo $conveniado["telefone"]; ?></span></br> <span><?php echo $conveniado["endereco"]; ?>, <?php echo $conveniado["bairro"]; ?>, <?php echo $conveniado["cidade"]; ?> - <?php echo $conveniado["estado"]; ?></span> </div> </div> </a> </div> </div> <?php } ?> <?php } ?> </div> <!-- Paginação --> <div class="clearfix"></div> <span id="result"><a href="http://wp.me/p2O9K2-b">jQuery + AJAX form submit script.</a></span> <div class="row"> <div class="col-md-12"> <!-- Paginação --> <div class="pagination-container margin-top-20 margin-bottom-40"> <nav class="pagination"> <ul> <li><a href="#" class="current-page">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#"><i class="sl sl-icon-arrow-right"></i></a></li> </ul> </nav> </div> </div> </div> <!-- Paginação / Fim --> </div> </div> </div> <!-- Footer ================================================== --> <div id="footer" class="margin-top-15"> <!-- Main --> <div class="container"> <!-- Copyright --> <div class="row"> <div class="col-md-12"> <div class="copyrights">© 2017 Afagu. Todos os direitos reservados.</div> </div> </div> </div> </div> <!-- Footer / End --> <!-- Back To Top Button --> <div id="backtotop"><a href="#"></a></div> </div> <!-- Wrapper / End --> <!-- Scripts ================================================== --> <script data-cfasync="false" src="../../cdn-cgi/scripts/f2bf09f8/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="scripts/jquery-2.2.0.min.js"></script> <script type="text/javascript" src="scripts/mmenu.min.js"></script> <script type="text/javascript" src="scripts/chosen.min.js"></script> <script type="text/javascript" src="scripts/slick.min.js"></script> <script type="text/javascript" src="scripts/rangeslider.min.js"></script> <script type="text/javascript" src="scripts/magnific-popup.min.js"></script> <script type="text/javascript" src="scripts/waypoints.min.js"></script> <script type="text/javascript" src="scripts/counterup.min.js"></script> <script type="text/javascript" src="scripts/jquery-ui.min.js"></script> <script type="text/javascript" src="scripts/tooltips.min.js"></script> <script type="text/javascript" src="scripts/custom.js"></script> <!-- Google Autocomplete --> <script> function initAutocomplete() { var input = document.getElementById('autocomplete-input'); var autocomplete = new google.maps.places.Autocomplete(input); autocomplete.addListener('place_changed', function() { var place = autocomplete.getPlace(); if (!place.geometry) { window.alert("No details available for input: '" + place.name + "'"); return; } }); if ($('.main-search-input-item')[0]) { setTimeout(function(){ $(".pac-container").prependTo("#autocomplete-container"); }, 300); } } </script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAgeuuDfRlweIs7D6uo4wdIHVvJ0LonQ6g&amp;libraries=places&amp;callback=initAutocomplete"></script> </body> </html>
  15. Cesar Masserati Procopio

    Paginação com AJAX

    Pessoal, boa Tarde!Pode me Ajudar com um probleminha que estou tendo hehehe...Fiz essa paginação via AJAX completa está tudo funcionando blz, porém quando tiver muitos registros está desconfigurando. Gostaria de fazer, conforme pode ver nas imagens abaixo, a Imagem Original ficar igual a Imagem Modificada! Alguma Dica ou sugestão? function filtroProc(){ $('.pagination').html(''); var filtro = $('input[name=filtro]:checked').val(); filtros.setFiltro(filtro); var offset = getPaginacao.getOffsetAtual(); var maximo = getPaginacao.getMaximo(); var links = getPaginacao.getLink(); $.ajax({ url:'nav/conf/con_lis_pro_ajax.php', type:'POST', dataType:'json', data:{offset:offset, maximo:maximo, filtro:filtro}, success:function(json){ filtros.setTotalFiltro(json.totalFil); getPaginacao.setTotal(json.totalItem); var totalFiltros = filtros.getTotalFiltro(); var totalItens = getPaginacao.getTotal(); $('.tabela tbody').empty(); $(".contagem").html(totalFiltros); $(".total").html(totalItens); var verif = 0; if(verif === json){ var html = '<tr>'; html += '<td colspan=5><div class="msg_no">Não existe cadastro de Processos de Emissão!</div></td>'; html += '</tr>'; $('.tabela tbody').append(html); }else{ for(var i in json.lista){ var html = '<tr>'; html += '<td align="center">'+json.lista[i].id+'</td>'; if(json.lista[i].status === 'a'){ html += '<td align="center"><img src="../image/semaforo/verde.png" data-id="'+json.lista[i].id+'" data-name="i" onclick="atualizaStatus(this)"/></td>'; }else{ html += '<td align="center"><img src="../image/semaforo/vermelho.png" data-id="'+json.lista[i].id+'" data-name="a" onclick="atualizaStatus(this)" /></td>'; } html += '<td align="center">'+json.lista[i].identificador+'</td>'; html += '<td>'+json.lista[i].descricao+'</td>'; html += '<td><a class="lista_bt2" href="#" data-id="'+json.lista[i].id+'" onclick="editarPro(this)"></a></td>'; html += '</tr>'; $('.tabela tbody').append(html); } } // ---- PAGINAÇÃO ------ // var maximo = getPaginacao.getMaximo(); var totalPaginas = Math.ceil((totalFiltros / maximo)); htmlPag = '<a href=\"#" data-id="1" onclick="dispara(this);">Primeira Página</a>&nbsp;&nbsp;&nbsp;'; for (var i = 1; i <= totalPaginas; i++){ htmlPag += '<a href="#" data-id="'+i+'" onclick="dispara(this)" class="">'+i+'</a>&nbsp;&nbsp;&nbsp;'; } htmlPag += '<a href=\"#" data-id="'+totalPaginas+'" onclick="dispara(this);">Ultima Página</a>&nbsp;&nbsp;&nbsp;'; $('.pagination').append(htmlPag); $('.pagination').find('.active_pag').removeClass('active_pag'); $('.pagination').find('a[data-id='+getPaginacao.getPagAtual()+']').addClass('active_pag'); } }); }
  16. ronaldosdb

    Tirar uma opção de um campo select (combobox)

    Pessoal, boa noite. Recentemente encontrei esse tópico que atende minha necessidade em partes. Sim, a funcao utilizada remove de um combo a opcao escolhida em outro, mas se nós trocamos a opcao escolhida nesse combo a opcao retirada anteriormente não volta para o outro combo. Exemplo: combo 1 tem opcoes a, b, c e d Combo 2 tem opcoes a, b, c e d Ao escolher opcao a no combo 1 ela some do combo 2 Mas ao trocar de opcao a para opcao b no combo 1, a opcao a retirada do combo 2 nao volta Alguem pode me dar uma luz de como fazer isso? Como implementar nesse exemplo: https://forum.imasters.com.br/topic/307461-resolvido-tirar-uma-opção-de-um-campo-select-combobox/
  17. Kaique Correia

    Retorno ajax sem utilizar async: false

    Olá, estou tentando criar uma função que retorne o resultado de um requisição ajax, porém o ajax é assíncrono. Alguém saberia me dizer como poderia fazer isso. exemplo: function ajax(){ $.ajax({ url: link, data: data, dataType: 'json', success: function (result) { return result; } } }); } var result = ajax();
  18. Pitag346

    Audio Streaming

    Olá pessoal, beleza? Estou com um pequeno problema... Tenho um servidor streaming onde toca alguns audios, mas não é sempre que o navegador executa o audio, como assim ? Tipo as vezes eu acesso o site e toca normalmente o que está na tag <audio> ... Mas as vezes eu acesso e não toca... Sei que consigo sanar isso com javascript ou jquery, mas não tenho esse conhecimento. OBS: O problema não é meu servidor pq se eu acessa-lo diretamente ele funciona sem parar em nenhum momento. Meu código html: <audio id="audio" autoplay="autoplay"> <source src="https://streaming.meuservidor.com.br/;" type="audio/mpeg" /> <source src="https://streaming.meuservidor.com.br/stream.ogg" type="audio/ogg" /> </audio> Um detalhe importante, mesmo quando estava com somente 1 source src, acontecia isso, pensei q era culpa da velocidade da conexão mas não é acredito eu. Obrigado amigos.
  19. Stephanie Ferreira

    woocommerce ajax 0

    Quando eu clico para adicionar um produto pela home, o tema abre esta pop-up pro carrinho ali no cantinho: http://prntscr.com/jjixa1 Mas o link cai pra este: https://kitboxclub.com.br/wp-admin/admin-ajax.php Pelo que entendi do código, é um problema de jQuery e eu não entendo nada de jQuery, o tema da loja é http://nitro.woorockets.com/ Isso foi feito pelo antigo desenvolvedor que passou a perna na gente e eu sou a designer que ta tentando arrumar.. SOCORRO? A página que eu preciso de ajuda: https://kitboxclub.com.br/ O código que eu acho que está o problema é esse: https://pastebin.com/tyFtfep7 pq foi o único que achei o link admin-ajax.php dentro dele, mas não entendo nada de .js
  20. icarof

    Combinação de de campos para soma dinamica

    Olá Galera, é o seguinte, tenho um sistema, onde no final do atendimento os descontos são dados atraves de checkbox e campo radio (sao nos 2 para evitar algumas combinações) quero inserir um sistema de troco nele, o que eu gostaria de fazer, em um input ao clicar em algum check ou radio, ele lance o valor na input, e se ele clicar nos 2, lance a soma dos 2 nesse input
  21. Olá, estou tentando exibir determinado conteúdo de acordo com o checkbox selecionado, até esta etapa tudo ok, com a ajuda do Marcos, que me respondeu este tópico: clique aqui consegui fazer com que o conteúdo seja exibido. Agora vem a segunda parte que é onde estou apanhando miseravelmente, que fazer com que o item selecionado fique com uma borda para mostrar que ele esta sendo selecionado, fiz um class, especialmente para tal chamada "borda", que deveria ser ativada de acordo com o item selecionado, porem a marcação não esta ocorrendo como deveria. A marcação não esta sendo exibida e o itens não estão ocultando. Estou criando com opção "onclick" abaixo o código: HTML: <form> <label>Opção 1</label> <input type="checkbox" name="1" id="1" value="1" onclick="return itemSelect(this)"/><br> <label>Opção 2</label> <input type="checkbox" name="2" id="2" value="2" onclick="return itemSelect(this)"/><br> <label>Opção 3</label> <input type="checkbox" name="3" id="3" value="3" onclick="return itemSelect(this)"/><br> <label>Opção 4</label> <input type="checkbox" name="4" id="4" value="4" onclick="return itemSelect(this)"/> </form> <div class="item-1" style="display:none">Item 1</div> <div class="item-2" style="display:none">Item 2</div> <div class="item-3" style="display:none">Item 3</div> <div class="item-4" style="display:none">Item 4</div> CSS: .borda { border: 1px solid red; padding: 10px; box-sizing: border-box; } .closed { display: none; } JAVASCRIPT function itemSelect(elem) { $('.closed').hide(); var si = $(elem).val(); switch (si) { case '1': $('.item-1').fadeIn(); $('#1').addClass('borda'); break; case '2': $('.item-2').fadeIn(); $('#2').addClass('borda'); break; case '3': $('.item-3').fadeIn(); $('#3').addClass('borda'); break; case '4': $('.item-4').fadeIn(); $('#4').addClass('borda'); break; } } Podem identificar onde estou errando é se possível me ajudar a fazer esta joça funcionar? Obrigado!
  22. Guga Alves

    Exibição de conteúdo no HTML com Jquery

    Preciso exibir conteúdo de acordo com a opção selecionada em um select, porém as informações não estão sendo carregadas. Segue código: html: a Seleção <select name="form" class="form-control m-input" onchange="return itemSelect"> <option value="">Selecione o tipo...</option> <option value="1">Opção 1</option> <option value="2">Opção 2</option> </select> html: divs <div class="opcao-1"> //Div esta com style:none// Conteudo. </div> <div class="opcao-2"> //Div esta com style:none// Conteudo </div> JS: <script type="text/javascript"> function itemSelect(elem) { $('.doc').hide(); var ind = $(elem).val(); switch (ind) { case '1': $('.opcao-1').fadeIn(); break; case '2': $('.opcao-2').fadeIn(); break; } } </script> Ao selecionar o item 1, ele exibe o conteúdo da DIV selecionada, porém se seleciono a opção 2, o conteúdo da opção 1 continua sendo exibida. Gostaria de ter a ajuda de vocês para saber o que estou fazendo de errado, sou muito ruim com JS, se puderem também me arrumar conteúdo para estudos fico grato.
  23. ndias

    Validator Bootstrap não funciona!

    <!DOCTYPE html> <head> <meta charset="utf-8"> <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <form name="form" action="" method="post" data-toggle="validator" role="form"> <div class="row"> <div class="help-block with-errors"></div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <input type="text" placeholder="CPF" name="CPF" data-error="Por favor, informe seu CPF." required> </div> <input type="submit" value="Cadastrar" /> </div> </form> <!--jQuery--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <!--Bootstrap--> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <!--validator--> <script src="js/validator.min.js"></script> </body> </html>
  24. E aí pessoal! Eu tô desenvolvendo um modelo de portfólio fotográfico, por razões de aprendizado mesmo, mas travei em um momento e passei o dia pesquisando como fazer isso. Basicamente, é uma espiral áurea de imagens que trocam de lugar, dando a impressão de infinidade. Se você clicar na maior, ela fica em tela cheia; Clicando nas outras, todas as imagens se movem ao quadrado seguinte. Até agora há pouco, eu estava fazendo isso mudando a posição de cada div onde a imagem fica, por meio de addClass() e removeClass(). Só que assim tava muito difícil imaginar como eu alcançaria o efeito de infinidade das imagens, já que apenas seis imagens aparecem de cada vez, então são seis DIVs se movimentando a cada clique - isso se complicaria quando eu tentasse colocar muitas imagens a serem disponibilizadas na página. Mas hoje eu tentei outro método: agora são 6 divs com uma imagem dentro cada um, mas não é a posição deles que mudará, e sim o atributo src="" da tag <img/>. Pra isso, usei attr(). Então cada src altera de valor em fila, cada vez que eu clico no gatilho. Só que mudar o src vai além de CSS, então eu não posso usar transition como antes. Agora o máximo que eu posso fazer é um crossfade entre as imagens. Só que o fadeOut() e fadeIn() também não funcionam! Tecnicamente, funcionam, mas não visualmente. Pra consertar isso eu já tentei delay(), stop(), finish(), promise(), toggleClass() entre outros jeitos. Bom, já falei demais, vocês podem ver a página funcionando no CodePen: https://codepen.io/dehciappina/pen/yjWOdM Nesse código eu usei toggleClass, pois foi o único jeito que consegui ver um fade de verdade. Mas, obviamente, não funciona, já que o toggle se aplica à mesma tag <img/> e ou faz ela desaparecer completamente com um clique, ou eu uso dois toggle e eles se anulam quando a função é chamada. Bom, é isso, espero ter me explicado o suficiente. Obrigado!!!
  25. JullySL

    formulário submit e scrollspy

    Boa tarde! Tenho um formulário e quando clico no botão Enviar/Submit preciso que na tela de resultado, mostre somente o resultado da busca do usuário sem mostrar o banner, fazendo o efeito do scrollspy, eu consegui fazer o efeito porém ou ele executa o afeito ou ele executa a busca =( alguém pode me ajudar por favor (Ps não se atende aos nomes das variáveis, pois são de teste) function showDetails() { $('.Classname').click(function(){ $("html, body").animate({ scrollTop: 2000 }, 200); //alert("teste2") return false; }); } </script> <form method="POST" action="pagina.asp?id=14" onSubmit="return valida(this);"> <select name="nome" class="select_opc" id="nome" onChange="chamarLista(this.value);" > <button type="submit" onclick="showDetails()" id="section42" class="Classname" data-animal-type="section42"> Pesquisar</button> </form> Agradeço desde ja
×

Informação importante

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