Jak skrýt na stránkách div pomocí JavaScriptu

Není to nic složitého, jde to vygooglit, ale jak už jste na tomto blogu poznali, rád si sem dávám návody i pro sebe abych je nezapomněl a měl je při ruce. Teď tedy k tomu jak skrýt pomocí nějakého tlačítka nějakou část na stránkách ohraničenou tagem div.

Kód v JavaScriptu

Asi nemá cenu chodit okolo horké kaše a rovnou si ukážeme kompletní kód a to nejdříve v JavaScriptu, který zařídí výslednou funkcionalitu:

function showhide(id) {
    var e = document.getElementById(id);
    e.style.display = (e.style.display == 'block') ? 'none' : 'block';
}

Kód v HTML

V HTML pak kód může vypadat např. takto:

<p>
    <a href="javascript:showhide('hide')">
        <button>Skrýt/zobrazit obsah</button>
    </a>
</p>

<div id="hide" style="display:none;>
obsah, který se bude skrývat
</div>

Funkční příklad

Výsledný funkční kód funguje takto:

Publikováno 6.8.2017 v 23:36 | Kategorie: JavaScript

Your computer is infected. You have to check it

Pokud se vám hláška "Your computer is infected. You have to check it with antivirus" začala objevovat ve vašem webovém prohlížeči Google Chrome, tak je na vině pravděpodobně jedno nebo více rozšíření, které tam používáte.

Kde najdu jaké používám rozšíření

Jaké rozšíření používáte lze jednoduše nalézt na stránce chrome://extensions/.

Web Developer extension for Chrome 0.4.9

V mém případě problémy způsoboval plugin Web Developer ve verzi 0.4.9. Na dané URL stačí toto rozšíření odebrat a nainstalovat případně rozšíření nově v nové verzi, tj 0.5 a vyšší.

Infinitynewtab

Problémy způsobuje údajně také rozšíření Infinitynewtab, viz jejich informace zde.

Další informace

Další relevantní informace ohledně tohoto problému lze nalézt na Redditu zde.

Publikováno 2.8.2017 v 20:27 | Kategorie: Google Chrome