Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Problem z Pokaż/Ukryj
PiotrN
post 26.03.2013, 20:02:42
Post #1





Grupa: Zarejestrowani
Postów: 73
Pomógł: 0
Dołączył: 8.05.2010

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


Witam.

Korzystam z takiego kodu do opcji "Pokaż/Ukryj" i użyty sztuk jeden działa wszystko ok tz. po kliknięciu w link chowa i ukrywa treść z div-a. Chciałem użyć to też drugi raz na stronie przy innym div-ie, niestety nawet po zmianie nazw nic nie działa - tz. ten pierwszy normalnie chowa i ukrywa się, ale drugi jest cały czas widoczny. Jakieś rady? Ewentualnie może ktoś dysponuje czymś podobnym np. w jQuery (z ciasteczkami)?

  1. <style type="text/css">
  2. <!--
  3. #setup {
  4. color:#000;
  5. }
  6. #info {
  7. }
  8. #info p {
  9. margin:0;
  10. text-align:justify;
  11. }
  12. .hide {
  13. display:none;
  14. }
  15. .show {
  16. display:block;
  17. }
  18. -->
  19.  
  20. <script type="text/javascript">
  21. <!--
  22. var state;
  23. window.onload=function() {
  24. obj=document.getElementById('info');
  25. state=(state==null)?'show':state;
  26. obj.className=state;
  27.  
  28. document.getElementById('setup').onclick=function() {
  29. obj.className=(obj.className=='show')?'hide':'show';
  30. state=obj.className;
  31. setCookie();
  32. return false;
  33. }
  34. }
  35.  
  36. function setCookie() {
  37. exp=new Date();
  38. plusMonth=exp.getTime()+(31*24*60*60*1000);
  39. exp.setTime(plusMonth);
  40. document.cookie='State='+state+';expires='+exp.toGMTString();
  41. }
  42.  
  43. function readCookie() {
  44. if(document.cookie) {
  45. state=document.cookie.split('State=')[1];
  46. }
  47. }
  48. readCookie();
  49. //-->


  1. <div id="info">
  2.  
  3. </div>


  1. <a id="setup" style="text-decoration: none; cursor: pointer;">ukryj/pokaż</a>


Czy ktoś mi pomoże? Co mam zrobić, aby na stronie działały takie dwa osobne skrypty (takie jak powyżej)?
Go to the top of the page
+Quote Post
sajegib
post 26.03.2013, 22:43:11
Post #2





Grupa: Zarejestrowani
Postów: 352
Pomógł: 59
Dołączył: 16.01.2013

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


Jak ma być najprościej i najszybciej to jQuery show(); .hide(); - wystarczy ci ledwie kilka linijek
Go to the top of the page
+Quote Post
PiotrN
post 27.03.2013, 19:28:12
Post #3





Grupa: Zarejestrowani
Postów: 73
Pomógł: 0
Dołączył: 8.05.2010

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


jQuery show/hide bym jeszcze ogarnął, ale gorzej z ciasteczkami do jQuery.

Potrzebuję pomocy. Mogę coś zrobić, aby skrypt, który umieściłem na początku, mógłbym użyć 2 razy na jednej stronie? Ewentualnie czy ktoś mi pomoże z tym jQuery i ciasteczkami?

Wiem że może to dla Was "za trudne" wyzwanie, ale pomóżcie, chociaż raz!

Ten post edytował PiotrN 27.03.2013, 19:52:43
Go to the top of the page
+Quote Post

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 Wersja Lo-Fi Aktualny czas: 19.07.2025 - 04:00