HTML

Atualizando uma DIV dinamicamente com JS

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 »

Abrir uma caixa de texto ao clicar no Href e salvar via $_POST. (php)

Para abrir uma caixa de texto e salvar seu conteúdo no $_POST quando um link (<a>) for clicado, você precisará usar JavaScript para manipular o evento de clique e capturar o valor inserido pelo usuário. Aqui está um exemplo de como você pode fazer isso: <!DOCTYPE html> <html> <head> <title>Exemplo de caixa de texto</title> <script>

Abrir uma caixa de texto ao clicar no Href e salvar via $_POST. (php) Read More »

Ocultar o botão “?” (about) no CKEditor 4

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 »

Ocultar um botão da barra de menus do CKEditor 4

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 »

Botão manual para instalar APP PWA

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 »

Como enviar dados de um formulário em JavaScript

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 »

Enviando um form através de uma função

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 »

Criar um relógio digital em JS para um campo HTML

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 »

Rolar para cima