JS

Mostrar conteúdo somente em dispositivo Mobile (web)

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 »

Como Criar um Console Web Básico em Seu Projeto

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 »

Mostrar tempo decorrido em Várias DIVs com JS

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 »

Criando janelas alternativas na abertura de links (href) dentro do html (no centro, semelhante a POPUP)

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

Criando janelas alternativas na abertura de links (href) dentro do html (no centro, semelhante a POPUP) Read More »

Altera o valor de um Input com base no Select em tempo real (HTML + JS).

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 »

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 »

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 »

Rolar para cima