JavaScript (JS)


  • Popup Personalizado com CSS + JS

    Com este código abaixo é possível criar um popup personalizado rapidamente em sua pagina. ... Continue a ler.

  • [Código] Mapa do Brasil SVG Dinâmico com JS e CSS

    Com este código, é possível implementar em seu site, um filtro dinâmico usando o mapa do Brasil, para selecionar e exibir informações por estado, como pode ver o funcionamento abaixo: Segue código completo abaixo: ... Continue a ler.

  • Simulação de Clique em Elemento Dinâmico com JavaScript (Exemplo: Slide JetEngine)

    Para automatizar a interação com elementos específicos em seu site, você pode usar JavaScript para simular cliques em elementos selecionados dinamicamente. Usando o parâmetro click() do JavaScript: Este código permite selecionar um item específico dentro de uma lista de pontos de navegação (.jet-slick-dots li) com base em um índice dinâmico e simular um clique nele […] ... Continue a ler.

  • Adicionando Etiquetas Dinamicamente para o Usuário no Mautic via URL com JavaScript

    Com uma simples substituição de código no Mautic você pode revolucionar a organização de tags para melhor rastreamento de usuários anônimos. Quando eles se cadastram, essa mudança facilita a segmentação e categorização futura. Segue processo de detalhado abaixo: No trecho de código de rastreamento padrão que o Mautic oferece, tem essa linha: Você pode substituir […] ... Continue a ler.

  • Adicionar Tag Personalizada no Usuário com Mautic Usando JavaScript

    Se você estiver usando o Mautic para automatizar seu marketing e monitorar os usuários acessando o seu site. Você pode adicionar algumas tags de maneira dinâmica para o usuário via javascript, mesmo que ele ainda não tenha se cadastrado em nenhum formulário vinculado ao Mautic. Isso é interessante pois, quando o usuário se cadastrar fornecendo […] ... Continue a ler.

  • Efeito Rolagem Suave (Smooth Scroll) no Site com Biblioteca JavaScript LocomotiveScroll

    LocomotiveScroll é uma biblioteca JavaScript que transforma a rolagem de seu site em uma experiência suave e atraente. Esta ferramenta se destaca por sua facilidade de instalação e eficácia imediata em melhorar a rolagem do seu site. Segue aqui uma página demonstrativa utilizando o efeito de rolagem suave da biblioteca: https://locomotivemtl.github.io/locomotive-scroll/ Para começar a usar […] ... Continue a ler.

  • [Download] Editor de Código Visual Online (Open Source)

    Baixe o Editor de Código Visual Online (Código Aberto): Agora você pode hospedar facilmente este editor em seu servidor e editar códigos HTML diretamente do seu navegador. Com apenas um arquivo, este editor é extremamente leve e prático para uso imediato. Veja o código fonte no GitHub: https://github.com/brunoalbim/editor-codigo-visual-online ... Continue a ler.

  • Barra Horizontal Indicadora de Rolagem em HTML, CSS e JS

    Adicione este código no seu site para criar uma barra de rolagem vertical para indicar a rolagem da página. Alem disso, você pode adicionar uma posição fixa no topo ou no rodapé da tela, para que a barra fique sempre visível para o usuario. FONTE: https://www.w3schools.com/howto/howto_js_scroll_indicator.asp ... Continue a ler.

  • Automação para Localizar Texto/HTML na Página com JS e N8N

    Caso você queira criar uma automação com N8N que faça a verificação de hora em hora, ou 1 vez por dia, em uma página da internet, para localizar uma palavra especifica, ou cruzar 2 palavras para confirmar o resultado, você pode usar esse código abaixo: Segue exemplo de fluxo no N8N: Na imagem acima, é […] ... Continue a ler.