Autor Zpráva
JindraP
Profil *
$("a.nahoru").click(function(){
                    var FiltrPanel=$(this).attr("filrtpole");
                    $("."+FiltrPanel+" ul").slideToggle(); 
                    $("."+FiltrPanel+" div").slideToggle(); 
                    $(this).toggleClass("otevreno");
                    $(this).toggleClass("zavreno");
                  });  

Mám takovíto kód, kterým se buďto schová nebo zobrazí další výběr. Potřeboval bych kód upravit tak aby když dám schovat zůstalo zavřeno i při změně dalších hodnot nebo při znovu načtení stránky. Teď když dám (schovat) zavřeno tak JS mi to schová, ale jakmile kliknu na něco jiného a nebo načtu stránku tak se možnost opět rozbalí.

Děkuji za radu.
Kcko
Profil
JindraP:
Musíš si ten stav někam uložit, nejlépe COOKIES nebo LOCAL STORAGE
JindraP
Profil *
Aha. Děkuji, bohužel já s JS neumím. Není na to nějaký návod jak a kterou proměnou uložit. Případně zda by jsi mi s tím nepomohl. Moc děkuji
JindraP
Profil *
Na3el jsem tento tutoriál ale bohužel mi také nefunguje. Můžeš mi prosím poradit?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
// automatic toggling
$('.h.toggleable').click(function() {

        $(this).toggleClass('closed');
        $(this).siblings('.b').slideToggle();

        // set cookie
        var cookie_content = 'open';
        if ($(this).is('.closed'))      cookie_content = 'closed';
        $.cookie('toggleable_' + $(this).attr('id'), cookie_content, {path: "/"});

});
// universal function for transformig cookies into "closed" class
function SetAfterCookie(element) {
        if ($.cookie('toggleable_' + element.substr(1))) {
                if ($.cookie('toggleable_' + element.substr(1)) == 'closed') {
                        $(element).addClass('closed');
                        $(element).siblings ('.b').addClass('closed');
                } else {
                        $(element).removeClass('closed');
                        $(element).siblings ('.b').removeClass('closed');
                }
        }
}



</script>
</head>
<body>
    <!-- obepínající element, nutný -->
<section>

        <!-- togglovací tlačítko -->
        <h3 id="h-latest-articles" class="toggleable h rememberable">Togglni!</h3>

        <!-- togglovaná oblast -->
        <ul id="b-latest-articles" class="toggleable b">
                <li>prvni</li>
                <li>druhy</li>
        </ul>

</section>
</body>
</html>
JindraP
Profil *
Prosím nepomohl by mi s tím někdo jak to propojit s cookies?
Kcko
Profil
JindraP:
Zkus ten localstorage. Není to tak složité a je to příjemnější než pracovat s Cookies Úložiště localStorage

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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