Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript] Jquery Tabs pobieranie adresu url
Forum PHP.pl > Forum > Przedszkole
fotexxx
witam

Natrafilem na dziwny problem w zwiazki z Jquery.

Korzystam z plugin Tabify blok z zakladkami znajduje sie na stronie uzytkownicy.php po kliknieciu skrypt próbuje otworzyc zakladkę na stronie mojadomena.pl/#tab-2-tab a powinna na uzytkownicy.php#tab-2-tab

Poniżej pokazuje kod js ktory obsluguje zakładki oraz strukture calego bloku:

kod js
  1. <script type=\"text/javascript\">
  2. (function($){
  3. $.fn.extend({
  4. tabify: function() {
  5. function getHref(el){
  6. hash = $(el).find('a').attr('href');
  7. if(hash)
  8. return hash.substring(0,hash.length-4);
  9. else
  10. return false;
  11. }
  12. function setActive(el){
  13. $(el).addClass('active');
  14. if(getHref(el))
  15. $(getHref(el)).show();
  16. else
  17. return false;
  18. $(el).siblings('li').each(function(){
  19. $(this).removeClass('active');
  20. $(getHref(this)).hide();
  21. });
  22. }
  23. return this.each(function() {
  24. var self = this;
  25.  
  26. $(this).find('li>a').each(function(){
  27. $(this).attr('href',$(this).attr('href') + '-tab');
  28. });
  29.  
  30. function handleHash(){
  31. if(location.hash)
  32. setActive($(self).find('a[href=' + location.hash + ']').parent());
  33. }
  34. if(location.hash)
  35. handleHash();
  36. setInterval(handleHash,100);
  37. $(this).find('li').each(function(){
  38. if($(this).hasClass('active'))
  39. $(getHref(this)).show();
  40. else
  41. $(getHref(this)).hide();
  42. });
  43. });
  44. }
  45. });
  46. })(jQuery);
  47. $(document).ready(function () {
  48. $('#menu').tabify();
  49. });
  50.  
  51. </script>



struktura domumentu

  1. <ul id="menu">
  2. <li class="active"><a href="#tab-0">1</a></li>
  3. <li><a href="#tab-1">2</a></li>
  4.  
  5. <li><a href="#tab-2">3</a></li>
  6. </ul>
  7. <div id="tab-0" class="content">
  8. <h2>1</h2>
  9. <p>
  10. testy 1
  11. </p>
  12. </div>
  13. <div id="tab-1" class="content">
  14. <h2>2</h2>
  15.  
  16. <p>
  17.  
  18. test 2
  19. </p>
  20.  
  21. </div>
  22.  
  23. <div id="tab-2" class="content">
  24. <h2>3</h2>
  25. <p>test3</p>
  26. </div>



Bardzo proszę o pomoc w rozwiązaniu problemu bo nie bardzo rozumiem co jest grane. tzn dlaczego przenosi na mojadomena.pl/#tab-2-tab zamiast otwierać zakladke pod adresem mojadomena.pl/uzytkownicy.php#tab-2-tab

moze jednak znalazł bys ktos kto ogarnia JS biggrin.gif
CuteOne
Niedawno też coś podobnego robiłem i z tego co pamiętam to problem leży w tym aby po kliknięciu w link funkcja zwróciła false.. może jutro znajdę chwilkę i poszukam na kompie tego skryptu
fotexxx
bede bardzo wdzieczny bo nie moge tego ogarnac biggrin.gif

Odświerzam temat. Jak widac mineło sporo czasu i jeszcze nie poradzilem sobie z tym problemem.. bardzo prosze o pomoc
zegarek84
Przede wszystkim nie dałeś przykładu live (z fusów to wiesz można tylko wróżyć a nie kawę parzyć).

Ja tu widzę raczej problem z elementem w html'u <base>
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.