Para criar um botão que permita aos usuários instalar um Progressive Web App (PWA) a partir dele, você pode usar a Web App Manifest e algumas APIs do JavaScript. Aqui está um exemplo de como fazer isso: { “name”: “Meu PWA”, “short_name”: “PWA”, “start_url”: “/”, “display”: “standalone”, “background_color”: “#ffffff”, “theme_color”: “#000000”, “icons”: [ { “src”: […]
Botão manual para instalar APP PWA Read More »
Os aplicativos PWA (Progressive Web Apps) são uma ótima maneira de criar aplicativos que funcionam tanto em dispositivos móveis quanto em navegadores web, oferecendo uma experiência semelhante a um aplicativo nativo. Para começar, é importante entender os principais conceitos e benefícios dos PWAs. Eles são desenvolvidos usando tecnologias web como HTML, CSS e JavaScript, e
Criando um APP PWA. (simples) Read More »
Além desses eventos, existem muitos outros que podem ser usados em diferentes contextos. No entanto, esses eventos são os mais comuns e podem ser usados em uma ampla variedade de aplicativos da web.
Listando eventos em JavaScript e suas aplicações: Read More »
Quando precisamos enviar dados de um formulário em JavaScript, uma opção é usar a propriedade onsubmit do elemento de formulário. Essa propriedade permite definir uma função que será executada quando o formulário for enviado. Nessa função, podemos executar ações adicionais antes de enviar o formulário, como validar os dados do formulário ou redirecionar o usuário
Como enviar dados de um formulário em JavaScript Read More »
Para enviar um formulário usando JavaScript quando um botão é clicado, você pode usar o método submit() do objeto HTMLFormElement. Para isso, você precisa definir um manipulador de eventos para o botão que chama o método submit() no elemento de formulário desejado. Aqui está um exemplo de código que faz isso: <form id=”meu-form” action=”pagina-de-destino.php” method=”post”>
Enviando um form através de uma função Read More »
Para criar um relógio digital em JavaScript que mostra os segundos e atualiza a cada segundo em uma div, você pode usar a mesma abordagem que eu mostrei antes. Aqui está um exemplo de código que você pode usar: HTML: <div id=”relogio-digital”></div> JavaScript: function atualizarRelogioDigital() { const dataHoraAtual = new Date(); const horas = dataHoraAtual.getHours().toString().padStart(2,
Criar um relógio digital em JS para um campo HTML Read More »
Suponha que você está tentando acessar um site usando o Google Chrome e recebe uma mensagem de erro indicando que o site é considerado inseguro ou não confiável devido a um certificado de segurança expirado ou inválido. Quando isso acontece, o Google Chrome exibe uma página intersticial de segurança informando que o site não é
Para verificar se uma chave MD5 permanece a mesma em tempo real em PHP e Ajax, você pode usar a função md5() do PHP para calcular a chave MD5 do texto original e, em seguida, comparar a chave MD5 calculada com a chave MD5 recebida via Ajax. Aqui está um exemplo de como verificar a
Calcular o MD5 em tempo real em um em um textarea com PHP Read More »
Para abrir uma nova janela (ou aba) em JavaScript usando o atributo href e definindo seu tamanho e scroll oculto, você pode usar o seguinte código: <a href=”#” onclick=”window.open(‘https://www.exemplo.com’, ‘janela’, ‘width=500,height=500,scrollbars=0’); return false;”>Abrir janela</a> Explicação: Nota: Observe que o bloqueio de pop-ups pode impedir que a janela seja aberta em alguns navegadores. Há várias opções
Abrir uma nova janela nativa com JS dentro de um href. (tipo PopUp) Read More »
Para criar uma janela modal em Bootstrap 5 que receba uma variável na abertura e redirecione para outra página com dados POST quando fechada, você pode seguir os seguintes passos: <button type=”button” class=”btn btn-primary” data-bs-toggle=”modal” data-bs-target=”#exampleModal” data-var=”valor-da-variavel”>Abrir janela modal</button> <div class=”modal fade” id=”exampleModal” tabindex=”-1″ aria-labelledby=”exampleModalLabel” aria-hidden=”true”> <div class=”modal-dialog”> <div class=”modal-content”> <div class=”modal-header”> <h5 class=”modal-title” id=”exampleModalLabel”>Minha
Janela modal com variável na abertura, repassando dados via POST para outra página. Read More »
