Jít na: navigaci stránek | obsah
Skrytí/zobrazení části stránky pomocí JavaScriptu
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
Doporučujeme:
Partneři: Last Minute Zájezdy | e-pocasi.cz | Internet-obchody | Tvorba webu |Inzerce-Bazar.cz | webdesign | SEO | iObchody.com | PSČ | výdělek | Jízdní řády | Hry zdarma | taxi služba | money making | Last minute | Dovolená na horách | Jízdní řády vlaků | internetové obchody
| Suchá výstavba | Katastr nemovitostí | KupNet.cz Internetové obchody | Dovolená u moře 2008 | Instaluj | Parabola | Filmy, DVD | Noviny, zprávy | Nabídka | Dovolená 2008 u moře | Poptávka | boty, trička | Půjčky | Doutníky | Foto, fotky, album | Španělsko dovolená 2008 Granty a dotace | JKLIR | Autopůjčovna |
