• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Przełączanie stron

VPS Starter Arubacloud
0 głosów
326 wizyt
pytanie zadane 12 września 2019 w JavaScript przez grudzin Początkujący (320 p.)

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>

 

2 odpowiedzi

0 głosów
odpowiedź 12 września 2019 przez niezalogowany

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

komentarz 12 września 2019 przez grudzin Początkujący (320 p.)
	   <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

komentarz 13 września 2019 przez niezalogowany

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));  
     }

 

0 głosów
odpowiedź 12 września 2019 przez lapa19904 Stary wyjadacz (11,560 p.)
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.
komentarz 12 września 2019 przez grudzin Początkujący (320 p.)
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ąć
komentarz 12 września 2019 przez lapa19904 Stary wyjadacz (11,560 p.)

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/

Podobne pytania

+1 głos
2 odpowiedzi 263 wizyt
pytanie zadane 14 lipca 2021 w JavaScript przez xjafajx Użytkownik (740 p.)
0 głosów
0 odpowiedzi 113 wizyt
pytanie zadane 24 kwietnia 2023 w JavaScript przez TheDarkSide Użytkownik (930 p.)
0 głosów
1 odpowiedź 431 wizyt
pytanie zadane 17 października 2023 w PHP przez KotLuminos Początkujący (270 p.)

92,843 zapytań

141,782 odpowiedzi

320,858 komentarzy

62,174 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...