JS


  • [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.

  • Função JavaScript para Minificar o Código HTML ao Passar para Variável

    Nessa publicação vou disponibilizar um trecho de código simples para minificar código ao passar para uma variável. Segue código abaixo: ... Continue a ler.

  • Setas Customizadas Usando Função Slide Listing do JetEngine + JS

    Caso queira usar botões customizados para controlar a rolagem dos itens no widget Listing do JetEngine, você pode criar isso usando os widgets de “Botão” do Elementor e adicionar um JavaScript personalizado. Adicione 2 botões do Elementor em sua página, e adiciona uma class classButtonPrevCliente em um deles e uma class classButtonNextCliente no outro. Depois […] ... Continue a ler.

  • Rastreador (Tracker) de UTM para Link Externo Checkout Kiwify

    Código JavaScript que identifica botões com URLs que contêm “kiwify.com.br” (incluindo subdomínios) e adiciona os parâmetros UTM da URL da página atual ao link desses botões. Esse código deve ser incluído no script da sua página: Explicação: Instruções: ... Continue a ler.