JS


  • Fazer div aparecer/desaparecer ao rolar (scroll) a pagina com JS e CSS

    Aprenda a fazer uma seção (div) aparecer ou desaparecer ao rolar (scroll) a pagina, apenas com javascript e CSS com este código simples. HTML de exemplo: JavaScript: CSS: OBS: Este código usa jQuery para funcionar. ... Continue a ler.

  • Obter div especifica de outra pagina ou site com iframe via jQuery JS

    No exemplo abaixo, vamos trazer um formulário de login de um site fictício para nosso site. OBS: Caso você esteja obtendo essa DIV de um domínio externo, ele pode ser bloqueado pela politica CORS (Cross-Origin Resource Sharing). Caso tenha autoridade sobre esse domínio, defina a permissão de acesso para o seu site. ... Continue a ler.

  • Marcar e desmarcar campo checkbok com jQuery

    jQuery moderno 1.6 para cima Usar .prop(): Fonte: https://stackoverflow.com/questions/426258/setting-checked-for-a-checkbox-with-jquery ... Continue a ler.

  • Criar janela modal com CSS + JavaScript

    FONTE: https://www.w3schools.com/howto/howto_css_modals.asp ... Continue a ler.

  • Como substituir uma DIV com a URL completa, para deixar apenas o nome do arquivo com jQuery?

    É possível pegar apenas o nome e extensão do arquivo ou documento, através da URL dele. Veja exemplo abaixo: Use o código abaixo: O resultado será esse: ... Continue a ler.

  • Código para resolver problema do espaço reservado do plugin Sticky Header Effects for Elementor

    Caso queira fixar o header (cabeçalho) do seu site, o plugin Sticky Header Effects for Elementor pode lhe ajudar. Este plugin é o que mais uso para websites desenvolvidos com Elementor, porem, ele tem um probleminha que acaba sendo um pouco irritante. O problema O problema é que ele não fixa o espaço do cabeçalho, […] ... Continue a ler.

  • Obter variável pela URL com JavaScript

    É possível obter uma variável passada pela URL usando apenas a biblioteca nativa do JavaScript. Segue abaixo um exemplo de código: Para testar, acesse a URL abaixo: https://obter-variavel-pela-url-com-javascript.brunoalbim.repl.co/?nome=Bruno ... Continue a ler.