Autor | Zpráva | ||
---|---|---|---|
test Profil |
#1 · Zasláno: 24. 9. 2010, 15:27:05
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 |
#2 · Zasláno: 24. 9. 2010, 18:15:03 · Upravil/a: test
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 |
||
Časová prodleva: 14 let
|
0