JS


  • Campo anexar arquivo (File Input) personalizado no Formulário do Elementor com CSS + JS

    Nesse post eu vou te mostrar como você pode personalizar o campo de anexar arquivos do formulário do Elementor para que ele fique com uma estética muito mais agradável, apenas utilizando um pouco de CSS JavaScript personalizado. Primeiramente você precisa adicionar este script CSS em “Avançado > Custom CSS” no seu widget de formulário: Depois, […] ... Continue a ler.

  • Botão de Voltar Inteligente no Seu Site com JavaScript

    Adicionar um botão de “voltar” em seu site pode melhorar a experiência do usuário, mas e se você quiser garantir que o botão funcione apenas para páginas dentro do seu domínio? Neste post, vamos mostrar como criar um botão de voltar inteligente com JavaScript que verifica a origem da página anterior. Caso o usuário tenha […] ... Continue a ler.

  • Código JavaScript de Acessibilidade para Aumentar e Diminuir Fontes na Página

    Nesse post vou compartilhar um trecho de código Javascript simples para implementar a função de aumentar e diminuir as fontes da página. Onde você pode adicionar quais as CLASS, IDs ou elementos HTML da página deseja manipular. ... Continue a ler.

  • [Vídeo] Código Javascript para Manipular Formulário do Elementor usando Objetos Externos

    Nesse vídeo vou mostrar como criar elementos externos e manipular o formulário do Elementor, adicionando informações quando o usuário clica em uma div ou botão. ... Continue a ler.

  • Fazer um Loop com Itens de um Array no N8N

    Neste post vou mostrar como fazer um loop de itens de um array no N8N usando o Node Edit e um pouco de Javascript. Neste exemplo, estou solicitando dados do Node Google Analytics, e ele me traz uma sequencia dos últimos 7 dias de visitas no site, então para isso uso o Node “Aggregate” para […] ... Continue a ler.

  • Código JavaScript para Manipular/Alterar Opção Selecionada do Campo Select de um Formulário

    Neste post vou mostrar como é simples criar uma opção customizada com javascript, para manipular o campo select de um formulário, para atualizar a opção selecionada, quando clicar em uma Div especifica. No exemplo abaixo mostro uma estrutura HTML simples para ilustrar como seria a arquitetura do código: Abaixo, segue código javascript que realiza a […] ... Continue a ler.

  • Bloquear Visualização em Dispositivos Mobile com JavaScript

    Neste artigo vou disponibilizar um código Javascript para que seja possível bloquear a visualização de uma página ou site completo em dispositivos mobile. Isso serve para quando você ainda não tem a versão mobile pronta, e precisa que alguém acesse a aplicação somente em desktop. ... Continue a ler.

  • Botão “Leia Mais” Customizado p/ Parágrafos de Texto no Elementor (WordPress) com JavaScript (JS) + CSS

    Neste artigo, vamos criar um efeito “Leia Mais” em páginas construídas com o Elementor. Vamos implementar um código personalizado em JavaScript e CSS que permite alternar entre mostrar e ocultar o conteúdo de textos longos, utilizando dois botões distintos para abrir e fechar o conteúdo. Além disso, adicionaremos um gradiente invertido ao final do parágrafo […] ... Continue a ler.

  • Código JavaScript (JS) p/ Controlar Slide do JetEngine c/ Widget Listing (Simulando Clique)

    Este código JavaScript sincroniza botões customizados com um slider implementado pelo Slick Slider do JetEngine usando o Widget “Listing”, garantindo que, ao clicar nos botões ou interagir com o slider (por meio de setas, dots ou deslizando), a classe active-button seja atribuída ao botão correspondente ao slide atualmente visível. Ele também oculta tooltips associados aos […] ... Continue a ler.