Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Link do konkretnego taba na innej podstronie
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
motylfx
Cześć

Niestety nie znam się za bardzo na programowaniu webowym, ale jakoś próbuję i natrafiłem na pewien problem:
Zrobiłem sobie stronkę z tabami i wszystko fajnie działa, tylko chciałbym zrobić jedną rzecz: z poziomu innej podstrony, klikając na link ma się otworzyć strona z tabami i określona zakładka ( a jeśli się da to sekcja na tej zakładce)

Kod js do tabów:
CODE

jQuery(document).ready(function() {
jQuery('.tabs .tab-links a').on('click', function(e) {
var currentAttrValue = jQuery(this).attr('href');

// Show/Hide Tabs
jQuery('.tabs ' + currentAttrValue).siblings().slideUp(400);
jQuery('.tabs ' + currentAttrValue).delay(400).slideDown(400);

// Change/remove current tab to active
jQuery(this).parent('li').addClass('active').siblings().removeClass('active');

e.preventDefault();
});
});


HTML:
CODE

<div class="tabs">
<ul class="tab-links">
<li class="active"><a href="#tab1"> tab1</a></li>
<li><a href="#tab2">tab2</a></li>
<li><a href="#tab3">tab3</a></li>
<li><a href="#tab4">tab4</a></li>
</ul>

<div class="tab-content">
<div id="tab1" class="tab active">
</div>
</div>
</div>


Z góry wielkie dzięki :-B
adbacz
Czyli chcesz konkretnie, by po klknięciu w link A, otworzyła się Strona A z włączoną zakładką (na przykład) C?

Użyj do tego document.location.hash - przechowuje ona wartość z adresu URL po znaku #. Adres do strony możesz mieć: http://domain.pl/web/strona-a.html#tab-3 a w kodzie pobierasz sobie:
[JAVASCRIPT] pobierz, plaintext
  1. var tabNo = document.location.hash.split('-')[1]; //Rozdzieli ciąg i pobierze to co jest po myślniku, czyli numer TABa
[JAVASCRIPT] pobierz, plaintext


A resztę to już musisz sobie sam ogarnąć smile.gif
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.