Autor Zpráva
mata
Profil
Mám skryté bloky s podrobnými údaji, které se zobrazí po kliknutí na záhlaví bloku.
Řešil bych to přes display = 'block' nastavené na onclick, ale to není přístupné bez JS. Poradíte prosím někdo nějaké elegantní řešení. Skrýt bloky až při onload se mi nechce, protože pak se přeformátuje dokument a nevypadá to dobře. Otevírat podrobnosti v novém okně se mi taky nehodí, protože je to pár řádek textu a nová stránka za to nestojí :(
Leo
Profil
Pristupnost bez JS zajistite tak, ze bez JS nebudou na zacatku schovane, schova je teprve JS. Leo
mata
Profil
Skrýt bloky až při onload se mi nechce, protože pak se přeformátuje dokument a nevypadá to dobře.
Chamurappi
Profil
Reaguji na matu:
Nastav v JavaScriptu při načítání třídu k elementu <html>. Nějak takto:
<style>

.hura-mame-zapnuty-javascript #neviditelny { display: none; }
</style>
<script>
document.documentElement.className = "hura-mame-zapnuty-javascript";
</script>
<div id="neviditelny">
Máš vypnutý JavaScript. Já jsem Tvá vysněná alternativa.
</div>
Elegantnější řešení mě momentálně nenapadá.
Leo
Profil
Rekl bych, ze je to elegantni dostatecne :-) Leo
mata
Profil
Chamurappi
Tak přesně něco takového jsem potřeboval. Díky.
Radek Hrabůvka
Profil
Taky jsem to řešil a na nic kloudného nepřišel, pak mi poradili peta a Chamurappi. Hned za skrývaným oddílem (oddíly) je funkce, která to schová. Kto nená JS, tomu se to neschová, podobně bez CSS. Koukni do zdroje.
http://www.volny.cz/teststranek/rozbalovaci-menu/
Leo
Profil
"Hned za skrývaným oddílem (oddíly) je funkce, která to schová. Kto nená JS, tomu se to neschová, podobně bez CSS."

Nastaveni stylu cele strance, co sem poslal Chamurappi mi prijde cistsi, dela totez, ale element ani neproblikne, Leo
Radek Hrabůvka
Profil
Mi to taky neproblikne, ale to je díky tomu že toho moc neschovávám. Čistší řešení se mi nepodařilo rozchodit, něco dělám špatně, a nevím co, nic se mi nezobrazí s JS ani bez JS :-(

<html class="hura-mame-zapnuty-javascript">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<style>
.hura-mame-zapnuty-javascript #neviditelny { display: none; }
</style>
<script>
document.documentElement.className = "hura-mame-zapnuty-javascript";
</script>
<div id="neviditelny">
Máš vypnutý JavaScript. Já jsem Tvá vysněná alternativa.
</div>
</html>
Dero
Profil
Elegantnější řešení mě momentálně nenapadá.

Hezké řešení, přijmi uznalé pokývání hlavou.
Leo
Profil
"<html class="hura-mame-zapnuty-javascript">"

No tady to nesmite mit staticky, menite to prave pres JS, Leo
Radek Hrabůvka
Profil
Mi to nestačí naznačit, Já to musím mít polopatisticky, tedy tu JS část, CSS mi problémy nedělá.
Leo
Profil
No JS cast udela to, ze dynamicky nastavi ten class te znacce html, co vic chcete? Leo
Radek Hrabůvka
Profil
To je to, co neumim. JS umím jakš takš číst, ale ne psát. Prosím o kód, jestli ho sem může někdo napsat, díky.
Leo
Profil
Jezismara, vzdyt ho tady uz mate dvakrat...

document.documentElement.className = "hura-mame-zapnuty-javascript";

Leo
Dero
Profil
<html>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<style>
.hura-mame-zapnuty-javascript #neviditelny { display: none; }
</style>
<script>
document.documentElement.className = "hura-mame-zapnuty-javascript";
</script>
<div id="neviditelny">
Máš vypnutý JavaScript. Já jsem Tvá vysněná alternativa.
</div>
</html>
Radek Hrabůvka
Profil
Už to začínám chápat, díky da trpělivost.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0