Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> kotwiczenie do ukrytego diva po jego pokazaniu
InosU31
post 24.01.2016, 18:50:30
Post #1





Grupa: Zarejestrowani
Postów: 221
Pomógł: 14
Dołączył: 11.03.2009
Skąd: Lubaczów

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


Witam

Swoja przygodę z JavaScriptem dopiero zaczynam ponieważ postanowiłem, że muszę się podszkolić w tym języku bo potrzebuje go do swojej strony.
Znalazłem taki skrypt na necie, który pokazuje mi i chowa zawartość w ukrytym divie.

  1. function op(obj) {
  2. x=document.getElementById(obj);
  3. if(x.style.display == "none") {
  4. x.style.display = "block";
  5. window.location.hash = "#kotwica_blad";
  6. }
  7. else x.style.display = "none"
  8.  
  9. }


chciałbym aby po pokazaniu zawartości ukrytego diva (kliknięciu na link) przeniosło mnie do zawartości ukrytego diva. Skrypt działa - będę musiał go pewnie przerobić bo chciałbym żeby po kliknięciu na linka zmienił się tez tekst tego linka.

Umieściłem jak widać w skrypcie instrukcje która ma mnie przenieść do id="kotwica_blad" ale to nie działa.

bardzo proszę o jakies podpowiedzi bo szykałem na googlach ale nic nie ma na ten temat

Pozdrawiam
Go to the top of the page
+Quote Post
Comandeer
post 24.01.2016, 18:53:30
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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


Akurat to można osiągnąć o wiele prościej stosując :target + transition w CSS wink.gif

A co nie działa dokładnie? Bo na oko powinno działać.

BTW wszystkie zmienne w JS trzeba deklarować.


--------------------
Go to the top of the page
+Quote Post
InosU31
post 24.01.2016, 21:38:12
Post #3





Grupa: Zarejestrowani
Postów: 221
Pomógł: 14
Dołączył: 11.03.2009
Skąd: Lubaczów

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


Witam

Jeśli chodzi o :target to chyba nie wszystkie przegladarki to obsługują dlatego chiałem zastosować js;-) okazalo sie ze to co podałem działa ale tylko raz tzn. jak za pierwszym razem klikne linka to kotwica dziala ale jak klikne drugi raz to nie dziala;-)

dzieki za zainteresowanie i pomoc ;-)

pozdrawiam

Go to the top of the page
+Quote Post
Comandeer
post 24.01.2016, 21:51:15
Post #4





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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


Cytat
Jeśli chodzi o :target to chyba nie wszystkie przegladarki to obsługują dlatego chiałem zastosować js

http://caniuse.com/#feat=css-sel3 → wszystko, oprócz IE8-.

Możesz pokazać jakiś przykład w działaniu, np. na jsfiddle.com?


--------------------
Go to the top of the page
+Quote Post
InosU31
post 3.02.2016, 23:15:55
Post #5





Grupa: Zarejestrowani
Postów: 221
Pomógł: 14
Dołączył: 11.03.2009
Skąd: Lubaczów

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


Witam

wszystko już działa ;-)

Dzięki za pomoc :-)

Pozdrawiam
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 Wersja Lo-Fi Aktualny czas: 14.08.2025 - 04:05