JavaScript (JS)
Código JavaScript para Criar Tabs Customizadas com Widget Button + Container no Elementor
Se você quer criar um sistema de Tabs customizadas no Elementor, para não ficar preso a solução do widget padrão (tabs) do Elementor, segue abaixo uma solução inovadora, que pode te ajudar muito. Basicamente, você vai trazer um container onde vai ficar os botões, e outro container, para ser o principal dos demais container dentro […] ... Continue a ler.
Adicionar Formatação (Mascara) com DDD em Campo Input de Telefone
Segue baixo código completo com o link dos CDNs da biblioteca jquery.mask e jQuery, e código abaixo com input modelo para teste: ... Continue a ler.
Como Adicionar Mascara (Formatação) de Telefone/Celular em Campo Input HTML c/ JavaScript
Se você precisa criar uma máscara para formatar o campo de telefone ou celular da sua aplicação online, você pode utilizar este código JavaScript abaixo: Após adicionar o código JavaScript, apenas adicione a Class sp_celphones, no campo que deseja formatar. Caso precise personalizar a sua formatação, edite a linha correspondente abaixo: Espero ter ajudado. ... Continue a ler.
Trocando Imagem da Pagina pelo Usuário Usando Javascript
Com este código abaixo, é possível deixar o seu usuário alterar as imagens do site com apenas um clique. Neste caso, você só precisa deixar todas as tags de imagem que são trocáveis dentro de id="editableSection" ... Continue a ler.
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.