Autor Zpráva
test
Profil
Ahoj pomocí tohoto JS skrývám a odekrývám text.
Ovšem když obnovím stránku, tak se mi odekrytý text opět skryje.

Potřeboval bych aby mi zůstal odekrytý i po obnovení stránky. Zkouším to pomocí cookies, ale nějak se mi nedaří.

Můžete mi prosím někdo poradit jak na to?
Děkuji.
test
Profil
Takže jsem to nakonec zvládl sám.
<script type="text/javascript">
//vytvoří cookie
function createCookie(name,value,days) {
	if (days) {//jsou li zadány dny
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000)); //zadá počet dnů platnosti cookie
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = ""; //pokud nejsou zadány dny, tak se cookie smaže se zavřením prohlížeče
	document.cookie = name+"="+value+expires+"; path=/";
}

//přečte cookie
function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

//nastaví nebo smaže cookie po kliknití na onclick
function cookiee() {
  if (readCookie('zobrazit') == 1) {
    createCookie('zobrazit', '', -1);
  }
  else {
    createCookie('zobrazit', 1, '7');
  } 
}

//zobrazí nebo skryje
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>
</head>

<h3 onclick="cookiee(); zobrazSkryj('zobrazit')">>>> Zobrazit <<<</h3>
<p id="zobrazit" class="skryvany">

Toto je skrytý text ...Toto je skrytý text ...Toto je skrytý text ...
Toto je skrytý text ...Toto je skrytý text ...Toto je skrytý text ...
Toto je skrytý text ...Toto je skrytý text ...Toto je skrytý text ...

</p>
<script>
if (readCookie('zobrazit') == 1) {
  document.getElementById("zobrazit").style.display = "block";
}
else {
  document.getElementById("zobrazit").style.display = "none";
}
</script>


Můžete mi někdo poradit jak by to šlo vylepšit?
Jde mi hlavně aby to fungovalo ve všech prohlížečích.

Děkuji

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:

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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

0