Kako shraniti div style pri osvežitvi?

2 naročnika

Zdravo,

Imam div, ki je v osnovi <div id="collapse1" style="display**:visible**;">, ob kliku na gumb pa rata <div id="collapse1" style="display:**none**;">....A problem nastane takrat, ko se stran osveži in se spet nastavi osnovno stanje.

Torej, kako (prebral sem da s cookiji) shranim style od div-a? S piškotki? Kam jih dam/kako jih ustvarim?

Div style se spreminja s pomočjo js....Je potrebno tam urediti cookije?

Hvala za pomoč, pa upoštevajte da o piškotkih (razen čokoladnih) nimam prav veliko veze...:)

lp

Evo na tej strani zveš in dobiš vse kar rabiš https://github.com/carhartl/jquery-cookie

shark1:

Hvala za pomoč...ampak meni kar nikakor ne rata...Očitno imam hude težave z implementacijo cookijev...

Koda, ki pokaže in skrije div je taka (default je style:none). Funkcija pa pokaže en div (collapse1) in skrije drugega (collapse), ali obratno...

$(function() {

            $('.nav-toggle').click(function(){
                //get collapse content selector
                var collapse_content_selector = $(this).attr('href');                   

                //make the collapse content to be shown or hide
                var toggle_switch = $(this);
                $(collapse_content_selector).toggle(function(){
                    if($(this).css('display')=='none'){
                        toggle_switch.html('Show');//change the button label to be 'Show'
                         document.getElementById('collapse').style.display = "block";

                    }else{
                        toggle_switch.html('Hide');//change the button label to be 'Hide'
                        document.getElementById('collapse').style.display = "none";

                    }
                });
            });

        }); 

Kako sedaj v to (ali kje drugje) vključim cookie? Meni se tudi sanja ne...

Hvala vsem za pomoč!

Hmmm ta koda je malo nerodno napisana, niti ne vem, če rabiš tole funkcijo $(collapsecontentselector).toggle(function(){ glede na to, da imaš if else stavek.?
Najboljš bi blo, da bi mel dva classa, ki določata al je div prkazan al ne in potem ime tega classa zapisuješ v cookie.

Npr:

if () {
$.cookie('imecookija', 'imeclassashow');
} else {
$.cookie('imecookija', 'imeclassahide');
}

in pol prebereš vrednost iz cookija

$.cookie('ime_cookija'); in ga dodeliš div-u