FabianoSouza
-
Total de itens
921 -
Registro em
-
Última visita
Tudo que FabianoSouza postou
-
Transition Height não funciona em UL
FabianoSouza postou um tópico no fórum Desenvolvimento frontend
Estou tentando fazer algo simples: redimensionar a altura de uma UL, usando classList.toggle (javascript). Percebo que, se no CSS eu tentar aplicar o estilo em cascata, não faz efeito na UL só por estar dentro de uma DIV. Se no CSS eu colocar: .cnt-filtro-body ul{ list-style:none; position:relative; float:left; width:100%; height:0px; overflow:hidden; transition: height 0.5s; background-color:#FF0; display:block; pra estilizar somente ULs que estejam dentro da DIV que tem a classe chamada cnt-filtro-body, a coisa não funciona. Só funciona se partir direto da ul, assim: ul{ list-style:none; position:relative; float:left; width:100%; height:0px; overflow:hidden; transition: height 0.5s; background-color:#FF0; display:block; Vejam o código. <!DOCTYPE html> <html> <head> <style> .cnt-filtro-body{position:relative; height:50px; width:100%; } .secao-toggle{height:160px; display:block; float:left; position:relative;} ul{ list-style:none; position:relative; float:left; width:100%; height:0px; overflow:hidden; transition: height 0.5s; background-color:#FF0; display:block; } </style> </head> <body> <button onclick="myFunction()">Clique aqui</button> <div class="cnt-filtro-body"> <ul id="myDIV"> This is a DIV element. </ul> </div> <script> function myFunction() { var element = document.getElementById("myDIV"); element.classList.toggle("secao-toggle"); } </script> </body> </html> Minha necessidade é: estilizar apenas UL que estejam dentro da DIV que esteja usando a classe cnt-filtro-body -
Gente, o negócio é cabeludo. Na aplicação tem uns botões para o usuário marcar regiões de interesse: Centro, Zona Norte, Zona Sul, Zona Leste e Zona Oeste. Ele pode marcar todas ou nenhuma. Dentro desse universo há dezenas de combinações possíveis, umas 50 possibilidades. Meu problema é como tratar isso num SELECT para poder filtrar a coluna onde guardo essa informação. É uma coluna numérica entre 0 (para quando não existe uma zona definida) e 5. Impossível tratar isso com IF ou CASE. Qual a solução? Eu pensei em tentar algo com tabela temporária, fazendo isso: 1) Recupero o código das Zonas selecionadas na aplicação 2) Crio uma tab temporária e armazeno esses valores 3) Faço JOIN, entre a coluna codZona (da tab onde armazena esse dado) e a coluna da tab virtual Essa ideia tecnicamente funcionaria? Há outra saída mais eficiente? Grato.
-
Pessoal, estou chamando uma function no evento onSelect de uma input text mas não funfa quando testo em navegador mobile (Chorme e Microsoft Edge). document.querySelector('#cidade').addEventListener('select',handlerZonas) No PC funciona. Sabem dizer se há outra evento equivalente que funcione em mobile? O objetivo é, ao selecionar um item em uma datalist, dispare a function handlerZonas. Dá pra usar no evento onBlur, da input. Mas o evento onSelect é o que oferece melhor experiência de uso. Grato.
-
Obrigado @Motta
-
Pessoal, preciso pegar um trecho dessa string: https://meudominio.com.br/app/rotaA/rotaB/xxx.jpg Dessa URL, preciso retirar /app/rotaA/rotaB/xxx.jpg Como faço? Valew
-
Montei uma estrutura para preencher um datalist associado a uma input text (para fazer a busca na datalist). O problema é que quando se trata de palavras que tenham espaço na string, o "autocompletar" não funciona. No caso é para selecionar cidades. Então se digitar Diadema, a datalsit funciona, lista o nome da cidade e ao clicar nela, passa o valor para a input text. Mas se escrever São Paulo, já não lê depois que pressiono a barra de espaço. Já chequei o a string recebida, as cidades estão vindo completas. Mas ocorre algum erro na hora de criar os options. Como resolvo? Esse é o HTML <input type="text" name="cidade" id="cidadeDigitada" list="cidades" placeholder="Sua cidade" autocomplete="off"> <datalist id="cidades"></datalist> Tenho essa function que traz os dados em JSON do backend e preenche uma datalist. isso está funcionando perfeitamente. function selCidades() { var obj={url:'/backend/selecionar/'} , listCidades = document.querySelector('#cidades') , str='' , json='' , i=''; server.ajax(obj, function(){ json = server.res for (var i=0; i < json.length;++i){ str += '<option id=' +json[i].id + ' value=' +json[i].titulo+'>'; // Guarda options em variável } listCidades.innerHTML = str; }); }
-
Datalist - erro em palavras compostas
FabianoSouza respondeu ao tópico de FabianoSouza em Javascript
Resolvido. No meu backend eu fiz um replace, substituindo os espaços existentes na string por " ". Isso fez com que o datalist ignorasse o espaço entre as palavras, fazendo o "autocompletar" funcione perfeitamente. -
Putz.... encontrei o problema... Era nesse trecho que havia um espaço em branco sobrando...
-
Tenho uma function para formatar um campo no padrão dd/mm/aaaa. O problema é que a função está deixando um espaço no meio da data. O código está aqui https://codepen.io/fabianosouza/pen/oNYjGmM Creio que o problema seja na REGEX que limpa a string (para evitar de ter caracteres não numéricos e que não seja a barra pra direita). Pode me ajudar a corrigir? Grato.
-
Valew, @Guilherme Luiz!!
-
Reparei que, estando no PC, quando você clica num link para enviar msg pelo WhatsApp, é feita uma checagem em seu computador. Dessa forma a página do WhatsApp toma uma dessas duas ações: a) abre uma página com opções (para baixar ou usar o WhatsApp Web) b) Abre abre uma instância do WhatsApp em seu computador (caso ele já esteja instalado) Diante disso, ao que parece, há uma forma deles saberem se você tem o app instalado ou não em seu computador. Alguém sabe com isso é feito?
-
Estou em busca de orçamento para a seguinte demanda: Preciso criar uma pequena "aplicação" web para cadastrar candidatos a vaga de emprego Pra começar seria: • Terá sua respectiva "área do usuário", onde o mesmo terá acesso às suas informações de cadastro, bem como a possibilidade de edita-las; • Também terá uma área onde ele fará sua candidatura à vaga e poderá ver as vagas para as quais se candidatou; Tudo responsivo. IMPORTANTE: O dev fará somente o frontend (HTML, CSS e Javascript) que deverá conversar com uma "API" (via AJAX). Ou seja, toda a inteligência e dados estarão no backend, onde não precisará mexer. O projeto é de média complexidade, mas como o orçamento é curto, vou fazer em fases (também para evitar aquele risco do cara pegar o dinheiro e sumir, como muitas freelas fazem) Acredito que seria essa estrutura: 1 página de "hot site", com conteúdo institucional e informativo 1 página de login 1 página que lista as vagas 1 página que exibe o detalhe da vaga e permite a candidatura 1 página de área do candidato Dou preferência a empresas com equipe própria de programadores. Isso tudo acima seria apenas uma parte do projeto, o ponto de partida. Chama pelo WhatsApp - (11) 98218-2376 - Fabiano.