Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript][PHP]Paginacja przenosząca na górę strony
Forum PHP.pl > Forum > Przedszkole
smigla
Witam, mam pytanie co zrobić żeby paginacja po kliknięciu na nową stronę przenosiła nas do góry a nie pozostawiała w poprzednim miejscu ?
nospor
Zazwyczaj klikniecie w link, przenosi na nowa strone na jej gore. Chyba ze ktos robi dziwaczne linki albo uzywa AJAX. Robisz jedna z tych rzeczy?
smigla
Ajax to jest ta paginacja http://www.99points.info/2011/01/ajax-pagi...with-animation/
nospor
To ciezko od razu napisac czego sie uzywa a my musimy sie dopytywac?

Uzyj scrollTo albo czegos podobnego. W necie masz pelno informacji jak przy pomocy js skoczyc na gore dokumentu
smigla
Jak dodać ten kod żeby przenoszenie na górę działało ?

  1. <script>
  2. function scrollWin() {
  3. window.scrollTo(500, 0);
  4. }
  5. </script>
  6.  
  7. onclick="scrollWin()"


do tego

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. function showLoader(){
  4. $('.search-background').fadeIn(200);
  5. }
  6. function hideLoader(){
  7. $('.search-background').fadeOut(200);
  8. };
  9. $("#paging_button li").click(function(){
  10. showLoader();
  11. $("#paging_button li").css({'background' : '','color' : ''});
  12. $(this).css({'background' : 'url(../images/tlo.jpg) repeat','color' : '#C60000'});
  13. $("#newsik").load("paginacja/data.php?page=" + this.id, hideLoader);
  14. return false;
  15. });
  16. $("#1").css({'background' : 'url(../images/tlo.jpg) repeat','color' : '#C60000'});
  17. showLoader();
  18. $("#newsik").load("paginacja/data.php?page=1", hideLoader);
  19. });
  20. </script>
nospor
function hideLoader(){
$('.search-background').fadeOut(200);
scrollWin();
};

Zakladam, ze ta wlasnie funkcja hideLoader() odpalana jest po przeladowaniu ajaxa
smigla
Nie będę tworzył nowego tematu więc zapytam czy da się coś zrobić żeby w paginacji php/js nie tej o której tutaj u góry mowa nie przenosiło na górę tylko zostawiało w tym samym miejscu ?
  1. <?php
  2. //katalog z dużymi obrazkami
  3. $katalog = "obrazki";
  4.  
  5. //katalog z miniaturkami
  6. $katalogMiniaturki = "miniaturki";
  7.  
  8. //ilość zdjęć na stronie
  9. $naStronie = 12;
  10.  
  11. //czy ma być opis zdjęcia - jego numer - true to tak, false to nie
  12. $opisZdjecia = false;
  13.  
  14. //---------------------------------------------
  15. //ilość zdjęć - liczy pliki w katalogu
  16. $ilosc = count(glob("./$katalog/*"));
  17.  
  18. //ilość stron
  19. $iloscStron = ceil($ilosc/$naStronie);
  20.  
  21. //odczyt katalogu z obrazkami
  22. $pliki = glob($katalog.'/*.jpg');
  23. $i = 0;
  24.  
  25. //utworzenie tablicy z obrazkami
  26. foreach($pliki as $key => $value){
  27. $tab[$i] = $value;
  28. $i++;
  29. }
  30.  
  31. //sortowanie tablicy
  32. sort($tab);
  33.  
  34. for($i = 0; $i < $ilosc; $i++){
  35.  
  36. if($opisZdjecia) $opisZdjecia = '<span></span>';
  37. $tablica[$i] = '<li><a href="'.$tab[$i].'" class="highslide" onclick="return hs.expand(this)" title="Obrazek nr '.$i.'"><img width="200" height="133" src="'.str_replace($katalog, $katalogMiniaturki, $tab[$i]).'" alt="Obrazek nr '.$i.'" />'.$opisZdjecia.'</a></li>';
  38. }
  39.  
  40. //sprawdza aktualny numer strony
  41. if($_GET['strona'] && $_GET['strona'] > 0 && $_GET['strona'] <= $iloscStron) $strona = $_GET['strona']-1;
  42. else $strona = 0;
  43.  
  44. $poczatek = $strona * $naStronie;
  45. if($poczatek >= $ilosc) $poczatek = 0;
  46.  
  47. $koniec = $poczatek + $naStronie;
  48. if($koniec >= $ilosc) $koniec = $ilosc;
  49.  
  50. //generowanie wykazu
  51. for($i = $poczatek; $i < $koniec; ++$i){
  52. echo $tablica[$i]."\n";
  53. }
  54. ?>
  55. </ul>
  56.  
  57. <ul id="nawigacja">
  58. <?php
  59.  
  60. for($i = 1; $i <= $iloscStron; ++$i){
  61.  
  62. //linki do poszczególnych stron
  63. echo '<li><a href="straznica.php?strona='.$i.'" >'.$i.'</a></li>';
  64. }
  65. echo $linki;
  66. ?>
nospor
Raz chce na gore raz nie... wez dogodz takiemu... tongue.gif

Tutaj masz normalne linki a normalne linki zawsze przenosza na gore... chyba ze podepniesz anchor (#) to po przeladowaniu strony przeniesie cie do anchora
smigla
Haha nie bo tamto miałem na samej górze a teraz bardziej przy dole i trochę słabo to wygląda bo trzeba znowu w dół jechać smile.gif

Dzięki za wszelką pomoc smile.gif
Temat do zamknięcia
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.