Jak vytvořit skryté menu
Mám dlouhý článek který sestává z kapitol a potřeboval bych k němu udělat menu obsahující jednotlivé kapitoly, které bych však mohl vyvolat bez ohledu na momentální pozici v dokumentu, abych nemusel vždy rolovat až na začátek. Zároveň by mělo být během čtení skryté aby nepřekáželo a vyvolatelné až nějakou akcí(kliknutím, najetím). Potřebuji to vytvořit bez php a bez flash, přičemž mi nejde o žádné parády jako plynulé vyjíždění nebo průhlednost, jde mi čistě o praktické využití. Je na to nějaký jednoduchá metoda? Podotýkám, pokud by to nebylo zřejmé, že v oblasti psaní webu jsem pouze poučený uživatel. Díky za tipy.
Ak vynecháš Internet Explorer 6, tak to problém nebude urobiť.
[CSS (štýl, menu je preddefinovane skryté)]
#menu { position:fixed; left:0; top:100; width:200px; background-color:#F0F0F0; border:1px solid #D0D0D0; border-left:0px; display:none; }
#menu a { display:block; border-bottom:1px dotted #D0D0D0; color:#505050; text-decoration:none; padding:5px; }
#menu a:hover { background-color:#E0E0E0; }
#menu .d { background-color:#E0E0E0; }
[HTML (je jedno kde dáš menu, stále sa zobrazí na pozícii vľavo:0px, odvrchu:100px)]
<div id="menu">
<a href="/kniha1.html" class="d">Kniha 01</a>
<a href="/kniha2.html">Kniha 02</a>
<a href="/kniha3.html">Kniha 03</a>
</div>
TEXT STRANKY TEXT STRANKY
[JAVASCRIPT]
function menuVisible(t)
{
var o = document.getElementById("menu");
if (typeof(t) == 'undefined')
t = !(o.display == "block");
o.display = t ? "block" : "none";
}
Máš vytvorenú funkciu menuVisible(TRUE|FALSE alebo nezadaj nič a samé sa vypne a zapne po zavolaní) a tú musíš niekde v sunúť do udalosti nejakého HTML prvku (TAGU). Napr. ukáž menu <div onclick="menuVisible()" style="cursor:pointer">Ukáž menu</a>.
Tak asi toľko v rýchlosti.
Ešte som zabudol dodať, že položka v ponuke <a href="/kniha1.html" class="d">Kniha 01</a> znamená že je aktuálne vybraná.
Díky, zatím z popisu moc nerozumím jak to má s těmi styly fungovat, ale vyzkouším a dám vědět.
nejde mít pro jednoduchost očíslované kapitoly, v textu potom stejně očíslované záložky a name
... a na kapitoly se pak dostávat adresou doplněnou o jejich číslo?
To samozřejmě jde a rozcestník uvedený na začátku stránky bude právě tímto způsobem odkazovat na jednotlivé položky. Jde mi ale o to, abych měl i možnost kdykoli, na kterékoli úrovni dokumentu, vyvolat menu bez toho abych musel třeba z poloviny rolovat pokaždé až nahoru k obsahu(není to próza ale dokument se vzájemně souvisejícími informacemi, kde se často musí přeskakovat mezi jednotlivými kapitolami).