Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Otwieranie wysuwanego panela
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Barcelona
Witam, na swojej stronie posiadam taki fajny wysuwany panel. Pobrałem go z tej strony (http://web-kreation.com/all/nice-clean-sliding-login-panel-built-with-jquery/)
Działa tak jak trzeba, nie robi żadnych błędów, ogólnie wielki +.
Tylko zastanawiam się jak zrobić żeby panel otwierał się po dodaniu do odnośnika #open.

[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2.  
  3. // Expand Panel
  4. $("#open").click(function(){
  5. $("div#panel").slideDown("slow");
  6.  
  7. });
  8.  
  9. // Collapse Panel
  10. $("#close").click(function(){
  11. $("div#panel").slideUp("slow");
  12. });
  13.  
  14. // Switch buttons from "Log In | Register" to "Close Panel" on click
  15. $("#toggle a").click(function () {
  16. $("#toggle a").toggle();
  17. });
  18.  
  19. });
[JAVASCRIPT] pobierz, plaintext
fate
a musi byc link z #open?

Ostatnio tu na forum ktos mi podrzucil rozwiazanie jak po wejsciu na odnosnik bez kotwicy przesunac sie od razu do okreslonego diva (jak kotwica)
Oczywiscie moznabyto zmodyfikowac i slajdować

  1.  
  2. <!-- ScrollTo Div-->
  3. <script>
  4. $(document).ready(function(){
  5. $('html, body').scrollTop($('#open').offset().top);
  6. });
  7. </script>


i w moim przypadku sie sprawdziło.
Barcelona
Hmmm, tylko moja znajomość JS jest znikoma, i nie wiem jaka funkcja pobiera dane z URL.
U Ciebie jest funkcja scrollTop, która kompletnie u mnie się nie sprawdzi :/
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.