Você pode criar uma máscara para um input de telefone usando linguagens como JavaScript, utilizando expressões regulares para validar e formatar os números conforme necessário. Aqui está um exemplo básico de como você pode fazer isso: Neste exemplo, a máscara se ajusta dependendo do número de dígitos digitados. Se forem 11 dígitos, assume-se que é […]
Para deixar um formulário inteiro como somente leitura em uma aplicação web, você pode fazer isso através de várias maneiras, dependendo do ambiente de desenvolvimento que você está usando. Aqui estão algumas abordagens comuns: Certifique-se de substituir #meuFormulario pelo ID do seu formulário. Independentemente do método escolhido, certifique-se de testar bem para garantir que o
Deixar um form inteiro somente leitura. Read More »
Para limitar um campo de entrada (input) a um máximo de 200 caracteres e mostrar em tempo real quantos caracteres ainda estão disponíveis para preencher, você pode usar JavaScript para atualizar dinamicamente o contador de caracteres enquanto o usuário digita. Aqui está um exemplo de como você pode fazer isso: Neste código, temos um textarea
Limitar quantidade de caracteres em um campo Input (input, textarea, etc) Read More »
Aqui está um exemplo simplificado de como você poderia usar a API Web Authentication (WebAuthn) para integrar a autenticação biométrica em uma Progressive Web App (PWA). Lembre-se de que esse é apenas um exemplo básico e que você precisa ajustar o código para suas necessidades e considerar questões de segurança. Lembre-se de que a implementação
Integrar Biometria a app PWA (simples) Read More »
Se você está buscando uma solução simples e direta com o uso do atributo onclick para alternar entre a visualização de DIVS sem a necessidade de estilos CSS, aqui está uma ideia: Neste exemplo, as duas DIVs são alternadas usando o estilo display inline. O atributo onclick no link chama a função toggleDivs() quando o
Toggle Divs (sem css) Read More »
O lazy loading é uma técnica de otimização de desempenho usada em desenvolvimento web para atrasar o carregamento de recursos, como imagens, vídeos e scripts, até que eles se tornem visíveis na tela do usuário. O objetivo principal do lazy loading é melhorar o tempo de carregamento inicial de uma página, reduzir a quantidade de
Utilizando Lazy Loading… Read More »
Para criar um código que permita o conteúdo ser mostrado apenas em dispositivos móveis e não em computadores, você pode utilizar tecnologias web, como HTML, CSS e JavaScript, para criar uma página responsiva que exiba ou oculte determinados elementos com base no tipo de dispositivo. Várias abordagens podem ser usadas, mas aqui está uma solução
Mostrar conteúdo somente em dispositivo Mobile (web) Read More »
Hoje vou mostrar como criar um console web básico que permitirá interação e execução de comandos diretamente em seu navegador. Isso pode ser útil para testar funcionalidades, depurar problemas ou até mesmo adicionar uma ferramenta de linha de comando ao seu projeto web. Vamos começar com um exemplo simples passo a passo. Pré-requisitos Antes de
Como Criar um Console Web Básico em Seu Projeto Read More »
Uma abordagem simples para exibir o tempo passado em várias divs é criar um array com os horários específicos que você deseja acompanhar e, em seguida, iterar por esse array, atualizando cada div individualmente com o tempo passado correspondente. Aqui está um exemplo de como fazer isso: Neste exemplo, criamos três divs (<div id=”resultado1″></div>, <div
Mostrar tempo decorrido em Várias DIVs com JS Read More »
Para criar um botão ou formulário em HTML que, quando alterado (com o evento onchange), chame uma função em PHP, você precisará usar JavaScript para realizar a chamada assíncrona para o script PHP. O PHP é uma linguagem de servidor e só pode ser executada no servidor, enquanto o JavaScript é uma linguagem do lado
Implementando AJAX para Executar Funções PHP Read More »
