JavaScript (JS)
Upload Temporário de Imagens (usando Base64) com Javascript
Se você está precisando criar um sistema para fazer o upload temporário de imagens, ou um sistema que permita que o próprio usuário troque a imagem de uma determinada seção da página, esse código pode te ajudar. Este código basicamente eu criei para utilizar em um sistema de assinatura on-line, onde a empresa podia editar […] ... Continue a ler.
Janela Modal (Popup) com HTML, CSS e JS simplificado
Se você precisa adicionar um modal em sua pagina online, este código pode lhe ajudar. É um código bem simples que vou mostrar logo abaixo como adicionar, e também, vou mostrar como personalizar. Primeiramente precisamos adicionar em nosso site, o código padrão, que é composto por HTML e JS, que não vai mudar, e um […] ... Continue a ler.
Conversão de Texto para um Formato Compatível com URLs em JavaScript
Para realizar a conversão de texto para um formato compatível com URLs em JavaScript, você pode usar a função encodeURIComponent(). Aqui está um exemplo simples: ... Continue a ler.
Slide HTML + JS com SplideJS
Caso você precise de um slide simples que use HTML + JS, você pode usar essa biblioteca SplideJS para isso, veja o código de exemplo abaixo: ... Continue a ler.
Checkbox Switch para Orçamento no WhatsApp (HTML + JS)
Esta calculadora é capaz de somar e multiplicar os serviços presentes na lista pré-programada e depois que o usuario esta satisfeito com a quantidade de itens adicionados, pode clicar no botão abaixo para enviar seu pedido completo via WhatsApp: Segue playground para analise e testes: https://replit.com/@brunoalbim/Checkbox-Switch-para-Orcamento-no-WhatsApp Segue código fonte abaixo: ... Continue a ler.
Calculando Peso Total das Imagens Carregadas em uma Página
Para medir o peso total das imagens em uma página da web, você pode seguir algumas abordagens diferentes, porem neste artigo, vamos usar o console do navegador para ajudar nessa tarefa: 1 – Abra o console do desenvolvedor no seu navegador (normalmente, pressionando F12 ou clicando com o botão direito e selecionando “Inspecionar” e, em […] ... Continue a ler.
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.