Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [javascript] Zmiana podstrony bez przeładowania.
Forum PHP.pl > Forum > XML, AJAX
dooo
Witam,
Mam skrypt który poprawnie zmienia podstrony bez przeładowania które wyglądają tak: podstrona.php
Niestety nie mam pomysły jak przerobić skrypt aby obsługiwał podstrona.php?id=1 , podstrona.php?id=2 itd. Wydaje mi się że problem znajduje się w 9 lini lecz nie mam pomysły jak to rozwiązać.

Proszę o pomoc lub podpowiedź.


  1. <script type="text/javascript">
  2.  
  3. $(document).ready(function() {
  4.  
  5. var hash = window.location.hash.substr(1);
  6. var href = $('#nav li a').each(function(){
  7. var href = $(this).attr('href');
  8. if(hash==href.substr(0,href.length-5)){
  9. var toLoad = hash+'.php #content';
  10. $('#content').load(toLoad)
  11. }
  12. });
  13.  
  14. $('#nav li a').click(function(){
  15.  
  16. var toLoad = $(this).attr('href')+' #content';
  17. $('#content').hide('fast',loadContent);
  18. $('#load').remove();
  19. $('#wrapper').append('<span id="load">LOADING...</span>');
  20. $('#load').fadeIn('normal');
  21. window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
  22. function loadContent() {
  23. $('#content').load(toLoad,'',showNewContent())
  24. }
  25. function showNewContent() {
  26. $('#content').show('normal',hideLoader());
  27. }
  28. function hideLoader() {
  29. $('#load').fadeOut('normal');
  30. }
  31. return false;
  32.  
  33. });
  34.  
  35. });


Pozdrawiam
lukesh
Jeśli dobrze rozumiem, to chciałbyś, żeby zawartość poszczególnych plików PHP ładowała się asynchroniczne w momencie, kiedy zmieni się adres? Tak się nie da ze względów bezpieczeństwa. Możesz jedynie posługiwać się kotwicami (#), jeśli chcesz ładować asynchronicznie do strony jakieś dane. Jak chcesz używać linków z '?zmienna=wartosc', to tutaj możliwe jest tylko załadowanie całej strony od nowa. Tylko krzyżyk w adresie może sprawić, żeby przeglądarka nie przeładowała strony.
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.