[HTML][JavaScript][PHP]Paginacja przenosząca na górę strony Opcje

[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 ?

[PHP] pobierz, plaintext 
<script>
function scrollWin() {
    window.scrollTo(500, 0);
}
</script>
 
onclick="scrollWin()"
[PHP] pobierz, plaintext 

do tego

[PHP] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function(){
function showLoader(){
$('.search-background').fadeIn(200);
}
function hideLoader(){
$('.search-background').fadeOut(200);
};
$("#paging_button li").click(function(){
showLoader();
$("#paging_button li").css({'background' : '','color' : ''});
$(this).css({'background' : 'url(../images/tlo.jpg) repeat','color' : '#C60000'});
$("#newsik").load("paginacja/data.php?page=" + this.id, hideLoader);
return false;
});
$("#1").css({'background' : 'url(../images/tlo.jpg) repeat','color' : '#C60000'});
showLoader();
$("#newsik").load("paginacja/data.php?page=1", hideLoader);
});
</script>
[PHP] pobierz, plaintext 

[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 ?

[PHP] pobierz, plaintext 
<?php
//katalog z dużymi obrazkami
$katalog = "obrazki";
 
//katalog z miniaturkami
$katalogMiniaturki = "miniaturki";
 
//ilość zdjęć na stronie
$naStronie = 12;
 
//czy ma być opis zdjęcia - jego numer - true to tak, false to nie
$opisZdjecia = false;
 
//---------------------------------------------
//ilość zdjęć - liczy pliki w katalogu
$ilosc = count(glob("./$katalog/*"));
 
//ilość stron
$iloscStron = ceil($ilosc/$naStronie);
 
//odczyt katalogu z obrazkami
$pliki = glob($katalog.'/*.jpg');
$i = 0;
 
//utworzenie tablicy z obrazkami
foreach($pliki as $key => $value){
  $tab[$i] = $value;
  $i++;
}
 
//sortowanie tablicy
sort($tab);
 
for($i = 0; $i < $ilosc; $i++){
 
if($opisZdjecia) $opisZdjecia = '<span></span>';
  $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>';
}
 
//sprawdza aktualny numer strony
if($_GET['strona'] && $_GET['strona'] > 0 && $_GET['strona'] <= $iloscStron) $strona = $_GET['strona']-1;
else $strona = 0;
 
$poczatek = $strona * $naStronie;
if($poczatek >= $ilosc) $poczatek = 0;
 
$koniec = $poczatek + $naStronie;
if($koniec >= $ilosc) $koniec = $ilosc;
 
//generowanie wykazu
for($i = $poczatek; $i < $koniec; ++$i){
  echo $tablica[$i]."\n";
}
?>
</ul>
 
<ul id="nawigacja">
<?php
 
for($i = 1; $i <= $iloscStron; ++$i){
 
//linki do poszczególnych stron
  echo '<li><a href="straznica.php?strona='.$i.'" >'.$i.'</a></li>';
}
echo $linki;
?>
[PHP] pobierz, plaintext 

Ten post edytował smigla 3.02.2016, 19:17:57

[nospor]

Raz chce na gore raz nie... wez dogodz takiemu...

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ć

Dzięki za wszelką pomoc
Temat do zamknięcia