Para abrir uma nova janela do navegador no centro e reduzida ao ser chamada por um link (href), você pode usar o JavaScript para manipular a janela que será aberta. Vou lhe mostrar um exemplo de como fazer isso: Nesse exemplo, o link irá abrir uma nova janela no centro da tela com largura de […]
Para criar uma máscara em um campo de input que mude conforme a quantidade de dígitos inseridos (CPF ou CNPJ), você pode usar JavaScript para lidar com a lógica da máscara. Aqui está um exemplo de como fazer isso: HTML: JavaScript: Neste código, a função aplicarMascara() é chamada toda vez que um caractere é inserido
Máscara inteligente para CPF e CNPJ Read More »
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 »
