Jump to content

wanderval

Members
  • Content count

    200
  • Joined

  • Last visited

  • Days Won

    2

wanderval last won the day on June 10 2018

wanderval had the most liked content!

Community Reputation

19 Levemente Bom

4 Followers

About wanderval

  • Birthday 03/30/1984

Informações Pessoais

  • Sexo
    Masculino

Recent Profile Visitors

828 profile views
  1. wanderval

    Botão flutuante (igual o messenger)

    muito vaga sua explicação de exemplos ou anexe uma imagem.
  2. 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>'; }
  3. 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
  4. 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(""); }
  5. 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
  6. 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
  7. 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
  8. 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.
  9. 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/
  10. 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/
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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
×

Important Information

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