Aqui está um exemplo de uma função JavaScript que altera o valor de um input com base no resultado de um elemento select quando ocorre o evento onchange: Nesse exemplo, temos um elemento select com três opções. Quando o valor selecionado no select é alterado, a função atualizarInput() é chamada. Essa função obtém o elemento […]
Altera o valor de um Input com base no Select em tempo real (HTML + JS). Read More »
Para atualizar o valor de uma <div> dinamicamente usando JavaScript, você pode usar o método innerHTML para alterar o conteúdo HTML da <div>. Aqui está um exemplo de como fazer isso: HTML: <div id=”minhaDiv”>Conteúdo inicial</div> JavaScript: // Obtém a referência para a div pelo seu ID var minhaDiv = document.getElementById(“minhaDiv”); // Atualiza o conteúdo da
Atualizando uma DIV dinamicamente com JS Read More »
No CKEditor 4, não há uma forma direta de ocultar o botão “?”. No entanto, você pode desabilitar o menu de ajuda, que contém o botão “?”. Você pode fazer isso adicionando a seguinte configuração ao seu código de inicialização do CKEditor: <script> CKEDITOR.replace(‘editor’, { // Outras configurações do CKEditor aqui… removePlugins: ‘about’, removeButtons: ‘About’
Ocultar o botão “?” (about) no CKEditor 4 Read More »
Para ocultar um botão específico no CKEditor 4, você pode usar CSS ou JavaScript. Vou fornecer exemplos para ambos os casos. Usando CSS: Você pode adicionar uma regra CSS para ocultar o botão desejado. Primeiro, você precisa identificar o ID ou a classe do botão. Vou usar o botão “Sublinhar” como exemplo. .cke_button__underline { display:
Ocultar um botão da barra de menus do CKEditor 4 Read More »
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 »
