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.
-
Pessoal, algo irritante acontece com o meu Photoshop. Ao abri-lo, a tecla Iniciar do Windows fica travada para ser acionada via teclado. Para "destravar" preciso clicar nela ou minimizar e maximizar todas as janelas que estiverem abertas. Porém, esse "travamento" ocorre apenas se eu iniciar o PS e permanecer na janela, esperando que ele seja totalmente carregado. Se eu pedir para abrir o PS e alternar para outra janela (de qualquer programa aberto), esse travamento não acontece. Parece que é uma questão de onde o foco estiver. Se estiver focado na janela de carregamento do PS, a tecla Iniciar fica travada. Se saltar para outra janela durante o carregamento, o problema não acontece. Já fiz o teste usando monitores diferentes, com resoluções diferentes e em PC diferentes. O problema acontece com o PS 2020. Alguém sabe o motivo? valew!
-
Tenho um campo de descrição no meu sistema... nesse campo preciso fazer um replace de alguns "substrings" que podem existir. Exemplos: <apelido>apelido</apelido> <saudacao>saudacao</saudacao> Usando CASE e REPLACE para tratar essas substrings aí de cima, funciona para um caso ou para o outro, não ambos. Vejam como estou aplicando o SQL. ... , CASE WHEN MWA.descMsg LIKE '%'+'<saudacao>saudacao</saudacao>'+'%' Then REPLACE(MWA.descMsg, '<saudacao>saudacao</saudacao>', dbo.saudacao(GETDATE())) WHEN MWA.descMsg LIKE '%'+'<apelido>apelido</apelido>'+'%' Then REPLACE(MWA.descMsg, '<apelido>apelido</apelido>', '[Apelido]') ELSE MWA.descMsg END AS msg ... Preciso fazer com que esse tratamento seja aplicado para todas as situações, não apenas para uma das duas situações. O lance é que não tenho como colocar o campo tratado numa variável e ir aplicando o tratamento a ela de forma isolada.
-
Obrigado @Motta
-
Parece que encontrei uma solução. Criei uma function chamada dbo.trataMsgWhatsApp. Está funcionando. A function é assim: ... (@string as varchar(5000)) Returns varchar(5000) As Begin Set @string = Replace(@string,'<saudacao>saudacao</saudacao>', dbo.saudacao(GETDATE())); Set @string = Replace(@string,'<apelido>apelido</apelido>','[Apelido]'); Return @string End ... Aí aplico no SELECT assim: ... dbo.trataMsgWhatsApp(MWA.descMsg ) as msg Mas essa function ainda tem uma limitação: se eu usar na minha string a substring <apelido>apelido</apelido> repetidas vezes (algo que sem dúvida acontecerá), o replace não fará todas as substituições necessárias. Aceito sugestões para contornar esse novo problema.
-
Sim, MWA.descMsg pode ter os dois valores. Mas quando há os dois valores, apenas uma das situações acaba sendo tratada pelo CASE.