Rozbalovací menu po kliknutí

verified

31. 3. 2020 17:24:19

Dobrý den,

Jak se dělá menu, které se rozbalí po kliknutí? Viz www.modrovus.cz, menu vlevo > položka s V

31. 3. 2020 17:24:19

https://webtrh.cz/diskuse/rozbalovaci-menu-po-kliknuti/#reply1445837

verified

(20 hodnocení)

31. 3. 2020 17:28:06

javascript nebo tricek pres checkbox a css

Implementing A Pure CSS Collapsible ← Alligator.io

31. 3. 2020 17:28:06

https://webtrh.cz/diskuse/rozbalovaci-menu-po-kliknuti/#reply1445836

Smazaný účet hvLPwPN09D

verified

31. 3. 2020 17:28:38

How To Create a Side Navigation Dropdown

31. 3. 2020 17:28:38

https://webtrh.cz/diskuse/rozbalovaci-menu-po-kliknuti/#reply1445835

Michal Jeřábek

verified

31. 3. 2020 17:47:13

Napsal Aleš Jiříček;1576711
javascript nebo tricek pres checkbox a css
Implementing A Pure CSS Collapsible ← Alligator.io

Z přístupnostního hlediska je použití checkboxu diskutabilní samo o sobě, tato konkrétní implementace dvakrát tolik.

31. 3. 2020 17:47:13

https://webtrh.cz/diskuse/rozbalovaci-menu-po-kliknuti/#reply1445834

verified

(20 hodnocení)

31. 3. 2020 17:58:42

well, ne kazdej web musi/chce resit pristupnost :) ale mas pravdu

31. 3. 2020 17:58:42

https://webtrh.cz/diskuse/rozbalovaci-menu-po-kliknuti/#reply1445833

Michal Jeřábek

verified

1. 4. 2020 09:06:33

No ale když už to dělá a použije ten checkbox, tak to může rovnou udělat dobře. Prošel jsem to jenom rychle, ale asi by stačilo vyhodit ten JS, odstranit tabindex z labelu a nechat checkbox focusovatelný. Nicméně udělat to úplně správně taky nezabere nějak víc času: button + aria-controls + přepínat aria-expanded a aria-pressed (bez řešení přístupnosti by tam přepínal stejně nějakou třídu).

1. 4. 2020 09:06:33

https://webtrh.cz/diskuse/rozbalovaci-menu-po-kliknuti/#reply1445832

verified

6. 4. 2020 00:29:25

Napsal Lucky Bastard;1576709
Dobrý den,
Jak se dělá menu, které se rozbalí po kliknutí? Viz www.modrovus.cz, menu vlevo > položka s V

Koukám, že zrovna tam to menu nějak blbne - když ho v úzké verzi vyvolám, tak zmizí, pokud myší vyjedu pryč. Takže se nedá dostat na některé položky. Ale to už zacházím...

Jak už tu někdo psal, w3schools má svůj přístup s vlastním designem.

A pak jsou tu knihovny (JavaScript, CSS, webové fonty, plug-iny...) jako třeba Bootstrap -

Navbar · Bootstrap

6. 4. 2020 00:29:25

https://webtrh.cz/diskuse/rozbalovaci-menu-po-kliknuti/#reply1445831

Pro odpověď se přihlašte.

Prodej Více

🔞 Ziskový e-shop s erotickými pomůckami

1 000 Kč

0 příhozů

Profesionální autoservis pro váš vůz

6 000 Kč

0 příhozů

Esetsecurity.sk

29 €

0 příhozů

Agresori.com

150 000 Kč

0 příhozů

Doména mexickabola.cz

20 000 Kč

0 příhozů

Poptávky Více

Hledám investora a parťáka pro rozjezd e-shopu a rezervačního systému pro zdravotnictví v ČR

Hledám šikovného člověka pro tvorbu AI automatizovaných systémů

Flutterflow vývojář

➤➤➤➤➤➤Konzultant/ka pro zbožové vyhledávače (Heureka, Zboží.cz, Glami, Favi, Biano)

Spárování emailů (gmail s webmailem)

Pracovní nabídky Více

React developer

Brno, České Budějovice, Hradec Králové, Jihlava, Karlovy Vary, Liberec, Olomouc, Opava, Ostrava, Pardubice, Plzeň, Práce z domu, Praha, Ústí nad Labem, Zlín

40 000 - 80 000 Kč

Programátor C#

Ostrava, Práce z domu

40 000 - 70 000 Kč

Frontend developer

Brno, Práce z domu

50 000 - 125 000 Kč

Do medvědího týmu teď hledáme: 🧱 Fullstack vývojáře 🧠 IT analytika 🧸 Projektového manažera

Nabídky Více

🚀 Výkonnostní marketing / PPC – META, TIKTOK, GOOGLE, SKLIK | Proinvestováno 90+ mil. Kč | Přes 10 let zkušeností

💻ZDARMA – PPC Reklama & Správa sociálních sítí

Články od A do Z od 150 Kč/NS

PRODEJ SVATEBNÍ SKUPINY S 23 000 ČLENY

Výmenný obchod směnný obchod barter