Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Bootstrap accordion - dodawanie klikniętego ID do paska url
Forum PHP.pl > Forum > Gotowe rozwiązania
northwest
Witam serdecznie,
mam taką stronkę: http://46.29.150.76/test/czlonkowie_izby.html

Po kliknięciu każdej pozycji w tym "accordionie" chciałbym żeby dodawał się do adresu url hash (czyli np http://46.29.150.76/igzm2/czlonkowie_izby.html#company12 lub podobny).

Potrzebuję to do tego, żeby gdy użytkownik wyśle komuś url do konkretnej firmy - to żeby otworzyła mu się odpowiednia firma (a nie domyślnie - ta pierwsza).

Wie ktoś może jak to zrobić?
Nie bardzo wiem jak to zrobić (w kodzie są widoczne moje obecne "wypociny" ale nie bardzo to działa).

Generalnie w Firefoxie występował problem z tym, że po kliknięciu w nagłówek firmy strona za bardzo się przesuwała do góry (i bardzo często nie było widać firmy którą się wybrało).
Znalazłem takie rozwiązanie w internecie:

  1. $("#accordion").bind('shown', function() {
  2. var active=$("#accordion_univlist .in").attr('id');
  3. scrollhere('#'+active);
  4. $('.closebutton-right').hide();
  5. });
  6.  
  7. $('.accordion-heading').click(function () {
  8.  
  9. }
  10.  
  11. function scrollhere(destination){
  12. var stop = $(destination).offset().top - 40;
  13. var delay = 1000;
  14. $('body,html').animate({scrollTop: stop}, delay);
  15. return false;
  16. }



I teraz działa poprawnie na wszystkich przeglądarkach. Przed tą modyfikacją skrypt dodawał te hashe do url (mój kod jest widoczny w tym linku) - jednak po "naprawie"
wyświetlania przestały się dodawać te hashe... Nie wiem jak to ze sobą połączyć... sad.gif

Czy mógłby mi ktoś to naprawić?

Bardzo proszę o pomoc,
Northwest
grzes999
Dodaj do tego style z bootsrapa bo trochę ciężko się zorientować co jest do czego, z tego co widzę dodaje ci się to co chcesz do adresu, więc nie wiem w czym problem
northwest
Udało mi się to dopracować smile.gif
http://46.29.150.76/test/work.php problemem jest tylko to, że po kliknięciu nie zamykają się poprzednio otwarte zakładki sad.gif
http://46.29.150.76/test/work.php#company120 - po wywołaniu linka z hashem otwiera się i centruje na wybranej firmie - to działa poprawnie.

Ma ktoś może pomysł jak zamknąć poprzednio otwarte okienka ?
Pyton_000
Kod
$('.collapse').collapse({
  toggle: false
})

Zagadka. Co musisz tutaj zmienić...
northwest
próbowałem dać wszystkie kombinacje:
  1.  
  2. $('.collapse').collapse({
  3. toggle: false
  4. })
  5.  
  6. $('.collapse').collapse({
  7. toggle: true
  8. })
  9.  
  10. $('.collapse').collapse('toggle')
  11.  
  12. $('.collapse').collapse('show')
  13.  
  14. $('.collapse').collapse('hide')
  15.  


I niestety nie działało... Alby zaczynało działać - i przestawało centrowanie sad.gif
ZenekN
Dosyć niechlujny ten skrypt, klikam w nazwę firmy i tam chciałbym zobaczyć content a pokazuje się u góry, zupełnie jakby nie należał do firmy którą chcę wyświetlić wink.gif
northwest
to jest skrypt z bootstrapa... To co piszesz byłoby najlepszym rozwiązaniem, jednak nie wiem jak to zrobić...

"wciągam" to na górę przez FireFoxa - czasami za bardzo przesuwa box z firmą na górę i nie widać połowy opisu sad.gif

Wiesz może jak to naprawić?wink.gif
ZenekN
Tak mniej/więcej
https://jsfiddle.net/zbLLzx37/2/
northwest
dziękuję bardzo, ale to osobny skrypt. Mi zależy bardzo na tym żeby dopracować ten z bootstrapa (uczę się tego frameworka i fajnie działa na responsywnych stronach). Jeśli to nie problem,
to prosiłbym bardzo o pomoc z tym, co mam smile.gif
grzes999
Nie działa pewnie dlatego, że jest masz błąd w JS, dokładnie w tej lini:
[JAVASCRIPT] pobierz, plaintext
  1. $('html, body').animate({scrollTop: ($('#company'+ $(this).attr('id')).first().offset().top)},500);
[JAVASCRIPT] pobierz, plaintext


Dodatkowo tworzysz własną akcję na klikniecie elementu.

I kod powienien chyba wygladać tak:

[JAVASCRIPT] pobierz, plaintext
  1. $(id_elementu_zawierającego_elementy_do zwijania).collapse();
[JAVASCRIPT] pobierz, plaintext


Ale nie pamiętam dokłądnie bo dawno uzywałem Bootstrapa
northwest
wstawiłem Twój kod.... zobacz co się stało - to jest to, o czym mówiłem... Po rozwinięciu opis z nazwą firmy czasami wędruje poza ekran sad.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.