Jump to content

wanderval

Members
  • Content count

    202
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by wanderval

  1. wanderval

    Atualizar tabela ao mudar select

    seu problema está aqui: você está usando intval ele vai converter pra inteiro mas você envia uma string então retorna zero $q = intval($_GET['q']);
  2. wanderval

    Colocar arrays dentro de uma array

    const res = [ { latitude: '001', longitude: '001' }, { latitude: '002', longitude: '002' } ]; function success(res) { var result = []; for(i in res) { result.push([res[i].latitude, res[i].longitude]); } console.log(result); } success(res); https://jsbin.com/yohutupavu/edit?html,js,console,output
  3. wanderval

    Botão flutuante (igual o messenger)

    muito vaga sua explicação de exemplos ou anexe uma imagem.
  4. wanderval

    Alterar elemento em tempo real

    Olha sua descrição não condiz com o problema real o problema pelo test que fiz não é que os dados não são exibidos nas duas ultimas colunas, o problema é que você está pegando os valores da ultima posição do array. A cada "for" você substitui os dados o motivo esta nesses 2 for da lista2 e lista3 quando você usa innerHTML você está pegando o novo conteúdo e jogando entre as tags substituindo o valor anterior a solução seria colocar o sinal de concatenação "+" ficando: for(i=0; i <= lista2.length -1; i ++){ document.getElementById("list" + i).innerHTML += '<td>' + lista2[i] + '</td>'; } for(i=0; i <= lista3.length -1; i ++){ document.getElementById("list" + i).innerHTML += '<td>' + lista3[i] + '</td>'; }
  5. wanderval

    Mudar cor de texto selecionado

    tem como sim mas você terá que fazer alguns tratamentos vou deixar um exemplo aqui: Lembrando que mesmo aparentemente funcional esse script tem uma falha de não remover os elementos criados se o mesmo texto sofrer outra alteraçao então se for ver pelo inspect element ira ver que sempre será gerado um elemento 'span' independente se já existe um parent encapsulando o mesmo range mas pra um exemplo acho que esse script já vai ajudar muito HTML: <div class="main-container"> <span>text 1</span> <p>text 2</p> <p> this is text, select and right click to high light me! if you can`t see the option, please use this <p> </div> <button onclick="highlightSelection('red')">red</button> <button onclick="highlightSelection('blue')">blue</button> JS: function highlightSelection(color) { var userSelection = window.getSelection(); for(var i = 0; i < userSelection.rangeCount; i++) { highlightRange(userSelection.getRangeAt(i), color); } } function highlightRange(range, color) { var newNode = document.createElement("span"); newNode.className = 'text-color'; newNode.setAttribute( "style", "color:"+color+"; display: inline;" ); range.surroundContents(newNode); } JSBin: https://jsbin.com/haciyozezi/edit?html,js,output
  6. wanderval

    JAVASCRIPT AJAX TER aLengthMenu

    se entendi você recebe aquele objeto da sua requisição feita ao arquivo post.php, dentro do metodo ajax, você tem o metodo de callback "success" que retorna o parametro "data", se você quer apenas setar valor sete no data! success:function(data){ data.aLengthMenu = getEssaInformcaoDeAlgumLugar(); $(".outer_div").html(data).fadeIn('slow'); $("#loader").html(""); }
  7. wanderval

    Função ao clicar no botão

    Olha amigo seu fluxo de usabilidade tá muito estranho, você hoje clica no botão "exemplo2" exibe o conteúdo e triga o formulário, pra mim e como quisesse fazer 2 coisas mais sem deixar nada bem feito, pra mim ou você redireciona ou trabalha com dados. obs: 1-O código que você colocou está quebrado você fechou a tag </script> antes da function exemplo2, eu consegui com uma correção. 2-Seu css está com 2 chaves no seletor "#filtrotopo" 3-Não há nenhuma referência de url no código, como será manipulada essa URL? como você pode ver fica difícil de ajudar você sem que nos ajude também. url: https://jsbin.com/nafitunili/edit?html,css,output
  8. wanderval

    Filtro Inteligente

    Olha tem que ser mais especifico, usar a palavra "Ajudar" sem falar com o que. ex: 1-quer posicionar a esquerda como na imagem 2- organizar os inputs do formulario 3-ajudar com border-left 4-deixar filtro fixed Obs: agora se você quer algo que fuja de HTML e CSS e esteja mais pra saber como a funcionalidade do filtro funciona além de estar no t'pico errado acredito que precise estudar mais sobre consulta de api e cash
  9. wanderval

    Quero colocar um scroll em pagina HTML + CSS

    O que você quer não é algo tão difícil vou te dar algumas dicas : 1- pesquise sobre landing pages 2- pesquise sobre <a> anchor com slow slide ou algo do tipo 3- basicamente o scroll aparece por default quando os elementos possuem um height maior que a viewport que é o caso mais comum das paginas ou quando você cria uma div com um height definido e o conteúdo ultrapassa esse tamanho nesse momento o scroll é exibido. 4- você pode definir um backgrounds para cada div especificas que ira colocar na página simplesmente associando a "class"ou "id" da div com a propriedade background do css. um exemplo básico: https://jsbin.com/laseyukequ/edit?html,css,output
  10. Olha amigo, Nós precisamos de código para analisar o erro, você disse que passou a tarde inteira analisando então compartilhe justamente esse código, uma imagem só serve para termos uma base mas a analise somente é via código isso pode ser tanto uma imagem quanto uma propriedade CSS mau utilizada. O HTML que você postou não ajuda em nada a descobrir o problema. mas se eu fosse dar um palpite diria que existe uma "div" que está definindo o topo e existe uma propriedade "overflow: hidden" na div podendo ter um espaçamento do texto para o que parece ser o banner ou header da página fazendo com que o texto seja cortado.
  11. wanderval

    CSS - Position: Sticky

    Isso resolveria o seu problema: JS: const wrap = $(".chat"); wrap.on("scroll", function(e) { let data = $('.data'); for(let i = 0; i < data.length; i++) { if(i > 0) { if(data[i-1].offsetTop === data[i].offsetTop) { $(data[i-1]).addClass("none-visible"); } else { $(data[i-1]).removeClass("none-visible"); } } } }); CSS: .none-visible { visibility: hidden; } link: https://jsfiddle.net/ebthd1gj/3/
  12. wanderval

    Função multiplicar em várias linhas

    Olha esse post aqui: https://forum.imasters.com.br/topic/519699-multiplicar-quantidade-por-preço-e-exibir-no-total/?tab=comments#comment-2276336 Esse é o meu post: http://jsfiddle.net/QBTN6/2/
  13. wanderval

    Imagem no mozila

    Aqui fiz o teste é não apresentou problema, pode ser cache. esse problema geralmente ocorre quando você não coloca o height da imagem 100%, mas no seu css está. se existe algum problema vai ser em outro css que você não postou que pode estar sobescrevendo jsbin: https://jsbin.com/ropusenida/edit?html,css,output
  14. wanderval

    Erro no CSS do formulário

    Olá, esse comportamento pode ser devido algum conflito uma coisa estranha que notei e que você tem 2 scripts jQuery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="js/jquery.js"></script> uma outra coisa que poderia ajudar e você colocar o <link> no <head> e os <script> no final do <body> mas se for algo relacionado ao css pode estar no css que não foi colacado aqui: <link rel="stylesheet" href="CSS/agency.css" /> jsbin: https://jsbin.com/peyosidaye/edit?html,css,output
  15. wanderval

    javascript input type image não funciona

    Existem 3 problemas no seu código: 1-seu array está sendo criado com as posições erradas: 0,1,3 o correto é 0,1,2, o problema de manter o array errado e que o random era retornar 2 e o script irá quebrar . 2- você está criando um input do tipo "image" dentro de uma tag form, acontece que esse input dentro do form executa o submit e seu script javascript nem mesmo vai ser chamado. 3-sua tag input não está fechada o chrome corrige esse erro mas outros browsers podem não fazer da mesma forma e qualquer validador acusa erro. link: https://jsbin.com/qijiqavobe/edit?html,css,js,console,output
  16. wanderval

    Problema com Plugin de Textarea Tinymce

    quando eu olho essas imagens eu consigo pensar em problema de precedência de css na tela de mensagens postadas, ou alguma informação de template que é inserido na tela de edição já que acredito que esteja usando uma biblioteca externa, talvez essa seja a cor default quando não se tem um template de linguagem informado
  17. wanderval

    zoom in html

    Primeiro você não colocou o seu código CSS, então fica difícil definir o seu erro, pelo que testei tudo funciona bem se você aplicar a classe correta utilizando a estrutura do css do link informado, se com você não está funcionando o erro está na sua referência do css. link: https://jsbin.com/mamayiwobo/edit?html,css,output
  18. wanderval

    Usar uma IDE visual ou escrever todo html e css?

    Acredito que a melhor opção quando se não quer desenvolver o front-end e utilizar templates prontos, assim você vai manter um código limpo, o uso de ferramentas pode engessar seu layout e o que pode ser produtivo hoje pode vir a se tornar um problema se houver uma necessidade de mudança .
  19. wanderval

    Seletor Jquery para select dentro de div's

    Oi Victor tentá isso: $('select').attr('disabled', false); link: https://jsbin.com/rarogutuza/edit?html,js,output
  20. wanderval

    Hover -> Dropdown é possível ?

    https://jsbin.com/mopumar/edit?html,css,output
  21. wanderval

    Criar formulário no estilo chatbot

    o que você tem que fazer é cria um form normal e usar: // CSS .form-float { position:fixed; bottom: 0; right: 0; width: height: z-index: }
  22. wanderval

    Div oculta atrapalhando no tempo de animação

    Tenho uma dica sim você expos o problema mas não relatou o que foi feito! agora já sabe pq não teve muitas respostas. E o que foi feito para que o elemento renderizado no desktop, não apareça na versão mobile? foi usado media-querie no css ou foi feito alguma lógica?
  23. wanderval

    Hover

    Pela sua descrição o opacity ou filter: opacity deveria funcionar: ex: https://jsbin.com/fohajeh/edit?html,css,output
  24. wanderval

    Quando não for no Dropdowns

    Você não vai conseguir com esse código, não vi nada de php ai além dos nomes dos arquivos, com esse html não vai conseguir mesmo mesmo o redirecionamento está sendo feito. funcionaria assim mas essa forma nos tempos de hoje não seria uma boa prática mas funciona: http://suapagina/index.php <div class="container"> <h2>Nesting Button Groups</h2> <p>Nest button groups to create dropdown menus:</p> <div class="btn-group"> <button type="button" class="btn btn-primary">Apple</button> <button type="button" class="btn btn-primary">Samsung</button> <div class="btn-group"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> Sony </button> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Tablet</a> <a class="dropdown-item" href="#">Smartphone</a> </div> </div> </div> <?php include 'index.php' ?> </div>
  25. wanderval

    Modal em JS

    Eu geraria essa modal usando o javascript, inicialmente como você não definiu nenhuma tecnologia apenas JS, poderia usar um plugin jQuery, ai no method de evento da modal você continua ou não a request. Eu criei um plugin tenta usar pra ver se te atende, ele tá funcionando pro propósito criado mais pode haver alguma falha, como ele é um plugin jQuery você teria que tb ter essa lib. ex de código: $.WModal({ type: type, overlay: false, title: 'Delete', message: 'Voce tem certeza que deseja deletar', cancel: function(e){ console.log('method:', e); }, confirm: function(e){ console.log('method:', e); } }); link:https://codepen.io/wanderval/pen/vbRxBB
×

Important Information

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