Forum PHP.pl > [JavaScript][jQuery] Automatycznie pokazywanie diva

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][jQuery] Automatycznie pokazywanie diva

cabana

13.02.2013, 04:32:33

Witam. Chciałbym zrobić takie coś aby po przekazaniu w linku odpowiedniej komendy? pokazywał się div z danym id.
Np. Mam 3 divy każdy ma inne id, po wejściu na stronkę wyświetlana jest zawartość diva1 ale gdy dodam do linku #div2 pokaże się zawartość 2 diva a zawartość 1 diva zostanie ukryta.

Proszę o pomoc.

viking

13.02.2013, 06:53:28

Przyjrzyj się zawartości window.location i na tej podstawie ustal odpowiedni warunek if.

cabana

13.02.2013, 17:04:51

chodzi o to, że na stronce mam coś w rodzaju zakładek. odpowiedni znacznik a href aktywuje odpowiednią zakładkę a chciałbym aktywować również zakładkę poprzez wpisanie nazwy diva w link.

viking

13.02.2013, 17:52:23

No i dobrze. Sprawdziłeś co zawiera window.location?

pitu

13.02.2013, 17:54:57

Kod

jQuery(document).ready(function(){
$("#div1, #div2, #div3").hide();
$("#" + (window.location.hash.replace("#", "") || "div1")).show();

});

Działa to jednak po przejściu bezpośrednio pod link typu plik.html#div2. Gdy na stronie dopiszemy do adresu #div2 boks się nie zmieni. Myślę, że ktoś poprawi to lub zaproponuje inne rozwiązanie.

Edit:

Tutaj w pełni działająca wersja:

Cytat

setInterval(function() {
$("#div1, #div2, #div3").hide();
$("#" + (window.location.hash.replace("#", "") || "div1")).show();

}, 100);

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.