Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][jQuery] Automatycznie pokazywanie diva
cabana
post
Post #1





Grupa: Zarejestrowani
Postów: 88
Pomógł: 0
Dołączył: 25.05.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
viking
post
Post #2





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
cabana
post
Post #3





Grupa: Zarejestrowani
Postów: 88
Pomógł: 0
Dołączył: 25.05.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
viking
post
Post #4





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
pitu
post
Post #5





Grupa: Zarejestrowani
Postów: 476
Pomógł: 96
Dołączył: 10.04.2008
Skąd: Koszalin

Ostrzeżenie: (0%)
-----


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);


Ten post edytował pitu 13.02.2013, 17:59:24


--------------------
HTML/CSS/JS: jsfiddle
SQL: sqlfiddle
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 13:26