Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][jQuery] Tabs - przejście po odświeżeniu
Forum PHP.pl > Forum > Przedszkole
arkos
Witajcie.
Mam zrobione zakładki (tabsy) dynamiczne za pomocą html, css i jQuery:
  1. <style>ul.tabs {
  2. margin: 0;
  3. padding: 0;
  4. float: left;
  5. list-style: none;
  6. height: 32px;
  7. border-bottom: 1px solid #3D3D3D;
  8. border-left: 1px solid #3D3D3D;
  9. width: 687px;
  10. }
  11. ul.tabs li {
  12. float: left;
  13. margin: 0;
  14. padding: 0;
  15. height: 31px;
  16. line-height: 31px;
  17. border-left: none;
  18. background: #606060;
  19. overflow: hidden;
  20. position: relative;
  21. }
  22. ul.tabs li a {
  23. text-decoration: none;
  24. display: block;
  25. padding: 0 10px;
  26. border: 1px solid #3D3D3D;
  27. outline: none;
  28. }
  29. ul.tabs li a:hover {
  30. background: #3D3D3D;
  31. }
  32. html ul.tabs li.active, html ul.tabs li.active a:hover {
  33. background: #3D3D3D;
  34. }
  35. .tab_container {
  36. border: 0px solid #999;
  37. border-top: none;
  38. clear: both;
  39. float: left;
  40. width: 100%;
  41. }
  42. .tab_content {
  43. padding: 20px;
  44. padding-top: 0px;
  45. padding-bottom: 5px;
  46. padding: 10px;
  47. font: 12px Tahoma, sans-serif;
  48. }</style>
  49.  
  50.  
  51. <script type="text/javascript">
  52. $(document).ready(function() {
  53. $(".tab_content").hide();
  54. $("ul.tabs li:first").addClass("active").show();
  55. $(".tab_content:first").show();
  56. $("ul.tabs li").click(function() {
  57. $("ul.tabs li").removeClass("active");
  58. $(this).addClass("active");
  59. $(".tab_content").hide();
  60. var activeTab = $(this).find("a").attr("href");
  61. $(activeTab).fadeIn();
  62. return false;
  63. });
  64. });
  65.  
  66.  
  67. <ul class="tabs">
  68. <li><a href="#tab1">Tab1</a></li>
  69. <li><a href="#tab2">Tab2</a></li>
  70. </ul>
  71. <div class="tab_container">
  72. <div id="tab1" class="tab_content">tresc tab 1</div>
  73. <div id="tab2" class="tab_content">tresc tab 2</div>
  74. </div>


Chodzi mi to to, że w zakładce tab2 mam sobie, np. formularz. I gdy go wyślę to przechodzi mi na pierwszą zakładkę i żeby zobaczyć odpowiedź to muszę ręcznie przełączyć na drugą. W jaki sposób mogę to zrobić, tak aby po wysłaniu formularza automatycznie aktywna była druga zakładka - ta z której został wysłany formularz?

Pozdrawiam.
Daiquiri
Nie wystarczy dodać #tab2 do adresu?
arkos
Próbowałem tak i nie działa. sad.gif
kaem
A zaglądałeś w ogóle do dokumentacji tego pluginu? Zakładam, że chodzi o jQuery Tabs więc -http://jqueryui.com/demos/tabs/. Poszukaj odpowiedniej metody, którą służy do wybierania konkretnej zakładki i wywołaj ją w JS po załadowaniu dokumentu.
arkos
Już sobie sam poradziłem. tongue.gif
phpion
Wypadałoby podzielić się rozwiązaniem. Może ktoś w przyszłości będzie miał podobny problem, znajdzie ten temat i w efekcie dowie się jedynie tyle, że Tobie udało się rozwiązać problem.
monsarrat
tu jest rozwiązanie tego problemu, jak by ktoś szukał na forum (zastosowałem - działa)


http://jqueryui.com/demos/tabs/#cookie

demo: http://jqueryui.com/demos/tabs/cookie.html
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.