JavaScript (JS)


  • Código JavaScript para Substituir os Textos do Botão de Compartilhamento Social do Elementor

    Use o código abaixo para substituir os textos padrões gerados na hora do compartilhamento do Elementor usando o widget de Compartilhamento Social (Social Share). ... Continue a ler.

  • Criando Números Sequenciais Dinamicamente com JavaScript

    Se você esta precisando criar uma sequencia de numeros dinamicamente para adicionar a uma lista em HTML, você pode usar essa solução em javascrip abaixo: Digamos que você tenha a seguinte sequencia e precise adicionar os números dinamicamente: Neste caso, você pode adicionar esse código javascript para que ele leia todas as class “numero-lista” da […] ... Continue a ler.

  • Adicionar Paramentro na URL via JS (JavaScript)

    Para adicionar um parâmetro e armazenar o histórico, use o código abaixo: Para adicionar um parâmetro sem armazenar o histórico, use o código abaixo: ... Continue a ler.

  • Gerar Imagem a partir do HTML da pagina ou seção com JS

    Abaixo estou compartilhando um código realmente surpreendente, que pode te ajudar a gerar imagens a partir de uma pagina ou seção em HTML. Segue código abaixo: Com o código acima, é possível gerar uma imagem em PNG para download de todo conteúdo que esta dentro da div com ID “conteúdo”. ... Continue a ler.

  • Preenchimento de Endereço Automático pelo Campo CEP

    Caso queira montar uma aplicação ou um site que tenha um formulário de endereço, e precise que ele preencha o endereço automaticamente quando o usuário preencher o CEP, este código pode lhe ajudar. Teste o código rodando online agora mesmo: https://preenchimento-automatico-de-endereco-pelo-cep.brunoalbim.repl.co ... Continue a ler.

  • Código JavaScript para Redirecionamento de Pagina com Contagem Regressiva

    Com o código abaixo será possível redirecionar o usuário assim que a contagem finalizar, para isso, edite a variável urlRedirect com a URL que desejar e countInit com o tempo que desejar. Abaixo código editado para funcionar no editor do Elementor, para que não direcione quando estiver construindo a pagina: ... Continue a ler.

  • Verificando URL atual em lista com JavaScript

    Caso tenha uma lista de paginas, e precise adicionar um estilo personalizado no item que corresponde a página atual, você pode usar este código abaixo para adicionar uma class personalizada no item que tem a mesma URL da pagina que esta. ... Continue a ler.

  • Efeito Rolagem Suave ao Clicar em Botão com JavaScript (Smooth Scroll JS)

    Para fazer um efeito de rolagem suave ao clicar em botão, é possível usar o javascript, com apenas um código curto e simples. Para isso, adicione este código JS abaixo em sua página: Depois, apenas precisa colocar a class .ancor em seus botões, como exemplo abaixo: Atualização: 29/02/2024 Caso sua página use a mesma CLASS […] ... Continue a ler.

  • Animação Fade com Scroll da Pagina usando CSS + JS

    Esse código permite que você crie uma animação em qualquer conteúdo HTML onde o efeito “fade” suave é aplicado para mostrar o conteúdo que fica escondido por padrão assim que você “rola” (scroll) a pagina. Alem disso, esse código permite que o efeito se repita caso o usuário suba a pagina e desça novamente. Veja […] ... Continue a ler.