Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Tworzenie ciasteczek, Pokaż/ukryj
piernik123
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 26.08.2010

Ostrzeżenie: (0%)
-----

Witam. Chciałbym wiedzieć, czy jest możliwość aby do poniższego kodu opierającego się na zasadzie pokaż/ukryj byłaby jakaś możliwość doczepienia ciasteczek, które umożliwią po odświeżeniu czy nawet wyłączeniu strony zapamiętanie ostatniego wyboru podczas ponownego korzystania z niej. 
[HTML] pobierz, plaintext 
  1.    <html>
  2.  
  3.       <head>
  4.  
  5. 	  <style type="text/css">
  6. div.nazwa p { display: none; }
  7. div.nazwa p1 { display: inline; }
  8. </style>
  9.  
  10. <script language="javascript" type="text/javascript">
  11. <!--
  12. function nazwa(element) {
  13. i = 0;
  14. while (e = document.getElementById("m" + i++)) {
  15.    e.style.display = "none";
  16. }
  17. document.getElementById(element).style.display = "inline";
  18. }
  19. menu('m0');
  20. // -->
  21. </script>
  22.  
  23.       </head>
  24.  
  25.       <body>
  26.  
  27. <div class="nazwa">
  28. <p id="m0">Tekst2 po kliknięciu w odnośnik "tekst 2"</p>
  29. <p1 id="m1">
  30. Tekst1 po kliknięciu w odnośnik "tekst 1"
  31. </p1>
  32. </div>
  33.  
  34. <a href="#" onclick="nazwa('m0'); return n;">tekst1</a>
  35. <a href="#" onclick="nazwa('m1'); return false;">tekst2</a>
  36.  
  37.  
  38.       </body>      </html>
[HTML] pobierz, plaintext

Zapytam też czy jest jakaś możliwość uzyskania tego efektu bez korzystania z ciasteczek? Jest to dla mnie bardzo skomplikowane, a poza tym nie wszystkie przeglądarki obsługują cookies.
Proszę o pomoc. Pozdrawiam.

Ten post edytował piernik123 2.04.2011, 11:17:35
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
piernik123
post
Post #2





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 26.08.2010

Ostrzeżenie: (0%)
-----

Już mniejsza o kod, bo samemu i tak nic lepszego nie uda mi się napisać (IMG:style_emoticons/default/smile.gif) Jak radziłeś w ciastku zapisuję nazwę klasy: setCookie('test2','p1/p2',element) - nie wiem tylko jak teraz je odczytać. Chodzi o te ostatnie linijki w JS:
[HTML] pobierz, plaintext 
  1.           onload = function(){
  2.            if(getCookie('test'))
  3.            tabeleczki(getCookie('test'));
  4.            if(getCookie('test2'))
  5.            tabeleczki(getCookie('test2'));
  6.           }
[HTML] pobierz, plaintext

Sam kod wygląda na razie tak:
[HTML] pobierz, plaintext 
  1.    <html>
  2.  
  3.       <head>
  4.  
  5. 	  <style type="text/css">
  6. div.tabeleczki p.p2 { display: none; }
  7. div.tabeleczki p.p1 { display: inline; }
  8.  
  9. </style>
  10.  
  11. <script language="javascript" type="text/javascript">
  12. function setCookie(name, value, expires, path, domain, secure){
  13.     document.cookie=name+'='+escape(value||'')+
  14.         (expires?';expires='+new Date(+new Date()+expires*864e5).toGMTString():'')+
  15.         (path?';path='+path:'')+
  16.         (domain?';domain='+domain:'')+
  17.         (secure?';secure':'');
  18. }
  19.  
  20.      function getCookie(N){
  21.     if(N=(new RegExp(';\\s*'+(''+N).replace(/([()[\]{}\-.*+?^$|\/\\])/g,'\\$1')+'=([^;]*)')).exec(';'+document.cookie+';'))return N[1]
  22. }
  23. function tabeleczki(element) {
  24. i = 0;
  25. while (e = document.getElementById("m" + i++)) {
  26.    e.style.display = "none";
  27. }
  28.           setCookie('test','p1',element)
  29. document.getElementById(element).style.display = "inline";
  30. }
  31. tabeleczki('m0');
  32. function show(id)
  33. {
  34.           setCookie('test2','p2',id)
  35. document.getElementById(id).style.display = 'inline';
  36. }
  37.           onload = function(){
  38.            if(getCookie('test'))
  39.            tabeleczki(getCookie('test'));
  40.            if(getCookie('test2'))
  41.            tabeleczki(getCookie('test2'));
  42.           }
  43. </script>
  44.  
  45.       </head>
  46.  
  47.       <body>
  48.  
  49. <div class="tabeleczki">
  50. <p id="m0" class="p2">Tekst2 po kliknięciu w odnośnik "tekst 2"</p>
  51. <p id="m3" class="p2">Tekst4 po kliknięciu w odnośnik "tekst 4"</p>
  52. <p id="m1" class="p1">
  53. Tekst1 po kliknięciu w odnośnik "tekst 1"
  54. </p>
  55. <p id="m2" class="p1">
  56. Tekst1 po kliknięciu w odnośnik "tekst 3"
  57. </p>
  58. </div>
  59.  
  60. <a href="#" onclick="tabeleczki('m0');tabeleczki('m3');show('m0');show('m3'); return n;">tekst1</a>
  61. <a href="#" onclick="tabeleczki('m1');tabeleczki('m2');show('m1');show('m2'); return false;">tekst2</a>
  62.  
  63.  
  64.       </body>      </html>
[HTML] pobierz, plaintext

Proszę o jeszcze chwilę cierpliwości do mnie, bo czuję że jestem na prawdę blisko, ale bez Waszej pomocy nie uda mi się tego skończyć (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Posty w temacie
- piernik123   [JavaScript] Tworzenie ciasteczek   2.04.2011, 11:15:55
- - kamil4u   Cytatpoza tym nie wszystkie przeglądarki obsługują...   2.04.2011, 13:24:29
- - piernik123   Nie bardzo mi to pomogło W tej chwili skrypt twor...   2.04.2011, 20:47:06
- - kamil4u   Byłeś blisko http://jsfiddle.net/ut3YL/6/ - troch...   2.04.2011, 21:41:00
- - wNogachSpisz   [JAVASCRIPT] pobierz, plaintext function ltrim ...   2.04.2011, 23:59:18
- - piernik123   Kamil jesteś świetny. Próbowałem jednak dodać ten ...   3.04.2011, 08:53:28
- - peter13135   http://laczek.ath.cx to mój skrypt forum i działa...   3.04.2011, 09:47:15
- - kamil4u   Tym razem już nie analizowałem całego kodu, ale i ...   3.04.2011, 13:40:45
- - piernik123   Już mniejsza o kod, bo samemu i tak nic lepszego n...   3.04.2011, 15:23:49
- - kamil4u   Źle mnie zrozumiałeś. Mam nadzieję, że to jest to ...   3.04.2011, 15:42:22
|- - piernik123   Zauważyłem jeszcze, że Twój kod nie chce działać n...   4.04.2011, 16:15:58
- - piernik123   Wielkie dzięki, dokładnie tak chciałem. Jeszcze za...   3.04.2011, 16:59:56
- - kamil4u   Przeanalizuj mój kod i spróbuj sam coś wykombinowa...   3.04.2011, 17:26:26
- - kamil4u   W IE popatrz w konsolę błędów. Z funkcją getElemen...   4.04.2011, 18:57:25

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 13.10.2025 - 10:23
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn