| Autor | Zpráva | ||
|---|---|---|---|
| JindraP Profil * |
#1 · Zasláno: 18. 7. 2018, 13:14:33
$("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 |
#2 · Zasláno: 18. 7. 2018, 16:05:32
JindraP:
Musíš si ten stav někam uložit, nejlépe COOKIES nebo LOCAL STORAGE |
||
| JindraP Profil * |
#3 · Zasláno: 19. 7. 2018, 10:12:12
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 * |
#4 · Zasláno: 19. 7. 2018, 13:42:33
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> |
||
|
Časová prodleva: 5 dní
|
|||
| JindraP Profil * |
#5 · Zasláno: 24. 7. 2018, 14:19:53
Prosím nepomohl by mi s tím někdo jak to propojit s cookies?
|
||
| Kcko Profil |
#6 · Zasláno: 24. 7. 2018, 14:32:14
JindraP:
Zkus ten localstorage. Není to tak složité a je to příjemnější než pracovat s Cookies Úložiště localStorage
|
||
|
Časová prodleva: 6 let
|
|||
0