Autor Zpráva
semtex94
Profil
Ahoj potřeboval bych poradit s tímto kodem http://www.jakpsatweb.cz/javascript/priklady/skryvani-odkryvani.html , potřeboval bych ho tak aby jeho funkce byli opačné že by byl rozbalený a až po kliknutí se zavřel . Nevíte si s tím někdo rady ?
jenikkozak
Profil
semtex94:
Stačí těm divům odebrat třídu skryvany.
semtex94
Profil
Kde ? mužes mi to sem napsat uz přepsany ten kod ?
jenikkozak
Profil
<h3 onclick="zobrazSkryj('oddil1')">Nadpis</h3>
<div id="oddil1" style="display:block">
První oddíl: bla bla bla text</div>
<h3 onclick="zobrazSkryj('oddil2')">Nadpis druhého oddílu</h3>
<div id="oddil2" style="display:block">
Druhý oddíl: bla bla bla text</div>


Nebo místo toho style="display:block" můžeš těm divům přiřadit třídu, která bude mít nastavenou vlastnost display:block, tedy opak toho, co má v odkázaném příkladu třída skryvany.
semtex94
Profil
jo už to mam díky moc :)
semtex94
Profil
Ještě sem se chtěl zeptat nejde ten kod nejak upravit tak aby vzdycky ten text dejme tomu s nazvem "Skrýt obsah" jestli by po kliknutí na to nemohl taky zmizet ?
jenikkozak
Profil
semtex94:
nejde ten kod nejak upravit tak aby vzdycky ten text dejme tomu s nazvem "Skrýt obsah" jestli by po kliknutí na to nemohl taky zmizet ?
Jistě že jde. Ale aby to nevypadalo, že jsem jediný, kdo se tu o něco snaží, můžeš mi ukázat kód, který zatím máš?
semtex94
Profil
<script>
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style; 
el.display=(el.display == 'block')?'none':'block';
}
</script>
<style>
h3 {cursor: pointer; cursor: hand; text-decoration: underline}
.skryvany {display: none}
</style>
<h3 onclick="zobrazSkryj('oddil1')"><img src="http://www.sau-team.cz/upload/files/zavrit.png""/></h3>
<div id="oddil1" style="display:block">OBSAH</div>
semtex94
Profil
Předěláš mi to tedy prosím ?
jenikkozak
Profil
semtex94:
Nevím, kde přesně ten text „Skrýt obsah“ má být, ale pokud má být součástí obsahu, stačí na něj navázat funkci zobrazSkryj. Třeba takto:
<script>
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}
</script>
<style>
.jako_odkaz {cursor: pointer; cursor: hand; text-decoration: underline}
</style>
<h3 onclick="zobrazSkryj('oddil1')" class="jako_odkaz">Nadpis</h3>
<div id="oddil1" style="display:block">OBSAH <span onclick="zobrazSkryj('oddil1')" class="jako_odkaz">Skrýt obsah</span></div>

Pokud by ten text „Skrýt obsah“ měl být mimo obsah, který se skrývá, bylo by lepší místo změny vlastnosti display (kterou přepínáš mezi hodnotami none a block) změnit název třídy.
semtex94
Profil
Seš borec moc si mi pomohl :)

Vaše odpověď

Mohlo by se hodit

Pokuste se již v titulku uvést název programu související s tématem.

Prosím používejte diakritiku a interpunkci.

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

0