Link do konkretnego taba na innej podstronie, Link do konkretnego taba na innej podstronie Opcje

[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 
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ąć

Ten post edytował adbacz 9.04.2015, 16:01:48