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.
  1. <html>
  2.  
  3. <head>
  4.  
  5. <style type="text/css">
  6. div.nazwa p { display: none; }
  7. div.nazwa p1 { display: inline; }
  8.  
  9. <script language="javascript" type="text/javascript">
  10. <!--
  11. function nazwa(element) {
  12. i = 0;
  13. while (e = document.getElementById("m" + i++)) {
  14. e.style.display = "none";
  15. }
  16. document.getElementById(element).style.display = "inline";
  17. }
  18. menu('m0');
  19. // -->
  20.  
  21. </head>
  22.  
  23. <body>
  24.  
  25. <div class="nazwa">
  26. <p id="m0">Tekst2 po kliknięciu w odnośnik "tekst 2"</p>
  27. <p1 id="m1">
  28. Tekst1 po kliknięciu w odnośnik "tekst 1"
  29. </p1>
  30. </div>
  31.  
  32. <a href="#" onclick="nazwa('m0'); return n;">tekst1</a>
  33. <a href="#" onclick="nazwa('m1'); return false;">tekst2</a>
  34.  
  35.  
  36. </body> </html>

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%)
-----


Nie bardzo mi to pomogło (IMG:style_emoticons/default/smile.gif) W tej chwili skrypt tworzy ciacho, ale bez żadnej zawartości:
  1. <html>
  2.  
  3. <head>
  4.  
  5. <style type="text/css">
  6. div.nazwa p { display: none; }
  7. div.nazwa p1 { display: inline; }
  8.  
  9. <script language="javascript" type="text/javascript">
  10. <!--
  11. $_COOKIE={};eval((document.cookie+';').replace(/([\w%]+)=?([^;]*);/g,"$$_COOKIE['$1']='$2';"));
  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. function nazwa(element) {
  20. i = 0;
  21. setCookie('nazwa');
  22. $_COOKIE.nazwa;
  23. while (e = document.getElementById("m" + i++)) {
  24. e.style.display = "none";
  25. }
  26. document.getElementById(element).style.display = "inline";
  27. }
  28. menu('m0');
  29. // -->
  30.  
  31. </head>
  32.  
  33. <body>
  34.  
  35. <div class="nazwa">
  36. <p id="m0">Tekst2 po kliknięciu w odnośnik "tekst 2"</p>
  37. <p1 id="m1">
  38. Tekst1 po kliknięciu w odnośnik "tekst 1"
  39. </p1>
  40. </div>
  41.  
  42. <a href="#" onclick="nazwa('m1'); return false;">tekst1</a>
  43. <a href="#" onclick="nazwa('m0'); return n;">tekst2</a>
  44.  
  45.  
  46. </body> </html>

Wiem, że wygląda to prymitywnie, ale jak wcześniej pisałem jest to dla mnie bardzo skomplikowane; nawet po lekturze, która została mi kilka godzin temu zadana;)

Ten post edytował piernik123 2.04.2011, 20:47:39
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 9.10.2025 - 00:04