Autor Zpráva
Kolemjdoucí Náhodou
Profil *
Zdravím, mám následující problém:

Potřebuji menu, ve kterém po kliknutí rozjedu další seznam možností, které lze vybrat a až po výběru v menu bude odkázán uživatel na jinou stránku.

Ale jsou tu jisté nepříjemnosti a požadavky které potřebuji pořešit.

1. Musí to být fukční i s vypnutým javascriptem

... a ten zbytek se od toho svým způsobem odvíjí.

2. Pokud bude vypnutý javascript - tak se to bude asi řešit přes CSS -> tedy to asi nebude po kliknutí, ale po najetí. Jak to zkombinovat, aby se to vzájemně netlouklo s tím klikacím menu při zapnutém javascriptu?

3. Fukčnost v drtivé většině prohlížečů

Budu rád za každou radu, případně odkaz na někoho, kdo to už řešil, vyřešil, popřípadě i internetové tutoriály, předem díky!
scheras
Profil *
A není lepší to řešit pouze přes CSS? Tím by odpadli snad všechny problémy, které řešíte.
margin
Profil *
Můžeš kouknout na http://interval.cz/clanky/onclick-menu-bez-reloadu-i-js/, ale ber to spíše jako inspiraci, něž stoprocentně hotové řešení, je to nutné upravit pro současné prohlížeče, v kódu jsou některé ošklivosti, které dnes nejsou zapotřebí. Funguje tak, že se odkazuje na kotvy, které jsou v elementu s overflow: hidden;

Řešení pro návštěvníky bez JS je dvojí:
- dostanou stránku, na které budou všechny nabídky "rozkliknuté", je to jednoduché, ale vypadá to nehezky
- po kliknutí na odkaz se načte nová stránka s patřičně "rozkliknutým" menu
Kolemjdoucí Náhodou
Profil *
scheras:
Děkuji za reakci, ale jak přesně pořeším přes CSS to kliknutí?

margin:
Děkuji za odpověď, odkaz prostuduji; nicméně řešení "stránka s patřičně rozkliknutým menu" mi přijde jako velice neefektivní.
Zdenek1997
Profil *
Myslíš jako třeba tohle? http://thecodeplayer.com/walkthrough/vertical-accordion-menu-using-jquery-css3
Chamurappi
Profil
Reaguji na Zdenka1997:
To je zbytečně nafouklé.


Reaguji na Kolemjdoucího Náhodou:
V prohlížečích, které znají pseudotřídu :checked, by šlo k rozbalení klikem použít zaškrtávátko s <label>em.
V ostatních prohlížečích by šlo při změně stavu zaškrtávátka nastavit třídu checked jedním krátkým onclickem a pak zbytek už by byl stejný (akorát by se chytal .checked a ne :checked).
Kolemjdoucí Náhodou
Profil *
Chamurappi, Zdenek1997:
Děkuji všem za odpovědi - spojil jsem několik více zmíněných věcí dohromady, využil nějaké vlastní znalosti a svým způsobem to úplácal.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: