JavaScript - Vysouvací menu

V tomto článku vás naučím vytvářet JavaScript menu, jehož položky se budou zobrazovat po kliknutí. JavaScript menu:

JavaScript >>

PHP >>

Když budete hezky klikat, celé JavaScript menu se ukáže.

Do hlavičky stránky, kde budete javascript používat vložte:

function nabidka(idex){
if (idex.style.display == 'none')
idex.style.display='';
else
idex.style.display='none'
}

Tam kde má být JavaScript menu vidět vložte:

<span onClick="nabidka(i1)" style="cursor: hand">JavaScript >>
</span>
<br />

<div id="i1" style="display:none;">
  <a href="javascript-menu.php3">JavaScript menu</a><br />
  <a href="javascript.php3">Základy JavaScriptu</a><br />
</div>

<span onClick="nabidka(i2)" style="cursor: hand">PHP >></span>
<br>

<div id="i2" style="display:none;">
    <a href="../php/">Základy PHP</a><br>
    <span onClick="nabidka(i3)" style="cursor: hand">PHP Skripty >></span><br>
</div>

<div id="i3" style="display:none">
      <a href="php-ip-adresa.php3">PHP IP adresa</a><br>
      <a href="php-kniha-navstev.php3">PHP Kniha návštěv</a><br>
</div>

Celé JavaScript menu je velmi jednoduché. u odkazů, které mají zviditelnit kus menu přidejte událost onClick="nabidka(id)", kde id je identifikátor skrytého bloku, který má zase nastaveno style="display:none".

Bohužel toto JavaScript menu funguje jen v Internet Exploreru, kdyby se vám podařilo ho lokalizovat pro Mozillu, dejte mi prosím vědět, budu moc rád.



Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?


Vyhledávání


Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama