Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zakładki w javascript
Forum PHP.pl > Forum > Po stronie przeglądarki
plove
Witam.
Mam bardzo prosty skrypt który pozwala wyświetlić zakładki bez przełądowania strony.
Jest oczywiście jeden problem, ponieważ za każdym razem przy powrocie do widoku tych zakładek automatycznie pokazuje pierwszą zakładkę.
Wygląda to tak:
Na 3 zakładce mam informacje do edycji, klikam edytuj przenosi mnie do innej strony, edytuję i chciałbym wrócić do zakładki 3 ale automatycznie ustawia mi na pierwszą.

Tak wygląda skrypt:
  1. <script type="text/javascript">
  2. function pokazzakladke(element) {
  3. for(var i=1; i<=3; i++) {
  4. if(element == i) {
  5. document.getElementById(element).style.display = "block";
  6. }else{
  7. document.getElementById(i).style.display = "none";
  8. }
  9. }
  10. }


Nazwy zakładek wyświetlam tak:
  1. <a href="java script:void(1);" onclick="pokazzakladke('1');">1</a>
  2. <a href="java script:void(2);" onclick="pokazzakladke('2');">2</a>
  3. <a href="java script:void(3);" onclick="pokazzakladke('3');">3</a>



A tak treść w zakładkach:
  1. <div id="1">treść zakładka 1</div>
  2. <div id="2" style="display:none">treść zakładka 1</div>
  3. <div id="3" style="display:none">treść zakładka 1</div>


W jaki sposób mogę osiągnąc to co podałem wyżej ? O ile w ogóle mogę coś takiego zrobić.
Arcioch
Hej smile.gif
Musisz sobie jakoś przesłać w adresie jaką zakładkę miałeś otwartą na przykład poprzez kotwice na końcu czyli przeładowujesz stronę i masz edycja.php#3. Pobierasz sobie w js #3 i wiesz która zakładka była otwarta.
!*!
A jak kotwice Ci nie odpowiadają, zapisz informacje o zakładce w ciastku.
!*!
A jak kotwice Ci nie odpowiadają, zapisz informacje o zakładce w ciastku.
plove
Kurcze nie znam się na js, zrobiłem tą kotwicę:
Zmieniłem w linku z java script:void(1); na panel.php#1 itd. dla każdej zakładki.
Ale wraz gdy odwołuję się do np. 3 strony poprzez link panel.php#3 to przechodzi na pierwszą :/
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.