Przełączanie stron

Question

a więc chodzi mi o to że napisałem prosty skrypt który podmienia obrazki po naciśnięciu "następna strona", tylko problem jest taki że jak odświeży się stronę to pojawia się pierwszy obrazek, chciałbym aby strona się odświeżała za każdym razem gdy naciśnie się "następna strona" lub żeby skrypt tworzył kopię obecnej strony i dopisywał do adresu  np. page 2, page 3 itd

<script type="text/javascript">

            var numer = 1;
        
            function nastepne()
            {
                numer++;
                
                var plik = "<img src=\"photo"  + numer + ".png\" />";
                
                document.getElementById("content").innerHTML=plik;
            
            }

</script>

 

Answer 1

Więc musisz zapisywać wartość zmiennej 'numer', możesz użyć do tego localStorage, a potem odczytywać z niej aktualną wartosć.

Comments

	   <script type="text/javascript">

			var numer = 1;
		
			function nastepne()
			{
				numer++;
				
				var plik = "<img src=\"photo"  + numer + ".png\" />";
				
				document.getElementById("content").innerHTML=plik;
				
				localStorage.setItem('numer', 'plik');

				console.log(localStorage.getItem('numer'));
		
			}
		</script>

próbowałem ale kompletnie nie działa, jak dodam jeszcze location.reload(); to strona się cały czas odświeża, przeszukałem trochę youtube i fora i wszyscy przechowywali stringi, i nie widziałem żeby ktoś przechowywał img

---

Bo bez sensu jest przechowywanie img, tak jak napisałem powinieneś przechowywać zmienną 'numer', a nie string 'numer'. Tak poglądowo to można zrobić to tak:

  var numer = 1; // inicjalizacja zmiennej z przypisaną wartością
  
  if(localStorage.getItem("pageNumber") != null) { //sprawdzenie czy mamy już jakąś wartość zapisaną, jeśli tak to przepisujemy tą wartość
    numer = localStorage.getItem("pageNumber");
	}   
     function nastepne()
     {
         numer++;		 
		 localStorage.setItem('pageNumber', numer); //zapisanie bieżącej wartości numer
          
         var plik = "<img src=\"photo"  + numer + ".png\" />";          
         document.getElementById("content").innerHTML=plik;  
         console.log(localStorage.getItem(pageNumber));  
     }

 

Answer 2

Jeżeli chcesz żeby strona odświeżała po każdym kliknięciu i dopisywało do adresu konkretną stronę np. ?page=2 to najlepiej zrobić to w php.

Comments

czy mogę prosić o jakieś dokładniejsze naprowadzenie (czego dokładnie mam szukać), ponieważ z php nie miałem praktycznie styczności ale chętnie się zagłębie w temat tylko nie wiem od czego zacząć

---

Przekazywanie parametrów $GET-em do url i wyświetlanie zawartości na ich podstawie.

Najlepiej posłużyć się dokumentacją:

https://www.php.net/manual/en/reserved.variables.get.php

Jesli dobrze pamiętam to w poniższym darmowym kursie jest dobre wprowadzenie do PHP-a i właśnie dynamicznego przełączenia stron przez manipulację parametrami:

https://www.udemy.com/course/code-dynamic-websites/