Jít na: navigaci stránek | obsah
Tipy a Triky - Java Script
Autor: Ondřej "#lama" Kokeš
Skrytí části stránky je jednoduché, stačí určitému bloku dát display: none; v CSS a pak ten text pomocí JavaScriptu opět zobrazit. To by bylo snadné, ale co když nekdo má vyplý JavaScript... Opět jednoduché, ten text se nechá zmizet také pomocí JavaScriptu. Zaslouží se o tom tento kód, který necháme spustit po načtení stránky (onload atribut v prvku <body>)
function setClass(cls) {
document.getElementById("hide").className=cls;
}
Tento kód zaručí, že stačí zavolat funkci setClass s parametrem 'none' a elementu s id hide se přiřadí třída 'none'.
Jak jsem psal, tento kód spustíme po načtení stránky takto:
<body onload="setClass('none');">
Půlka práce za námi, objekt zmizel a nyní už stačí jen znovu "objevit" tento objekt. Bude to pomocí odkazu, kde po kliknutí přiřadíme akci pro objevení objektu.
<a href="#" onclick="setClass('visible');">a</a>
Samozřejmě musíte mít tyto dvě třídy ve vašem CSS souboru asi takto:
.none {display: none;}
.visible {display: block;}
function setClass(cls) {
document.getElementById("hide").className=cls;
}
Tento kód zaručí, že stačí zavolat funkci setClass s parametrem 'none' a elementu s id hide se přiřadí třída 'none'.
Jak jsem psal, tento kód spustíme po načtení stránky takto:
<body onload="setClass('none');">
Půlka práce za námi, objekt zmizel a nyní už stačí jen znovu "objevit" tento objekt. Bude to pomocí odkazu, kde po kliknutí přiřadíme akci pro objevení objektu.
<a href="#" onclick="setClass('visible');">a</a>
Samozřejmě musíte mít tyto dvě třídy ve vašem CSS souboru asi takto:
.none {display: none;}
.visible {display: block;}
« Zpět na předchozí stránku
« Copyright © 2002 - 2017 Honza Petr | Reklama - Kontakt | Připojeno přes Kraja.cz | [ochrana osobních údajů] | RSS | Mapa webu »
