Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Cała strona bez przeładowania
Forum PHP.pl > Forum > XML, AJAX
SeaDog
Witam, chciałbym się dowiedzieć jak napisać w Jquery kod, żeby po jednym load() można było wykonywać kolejny?

Żeby nieco rozjaśnić wam sprawę...
Chodzi o to, że jak kliknę w DIV o id='submit' i wczyta się podstrona bez przeładowania strony, na której jest inny div o id='back'
to po kliknięciu w niego nie wczytuje mi się poprzednia strona. Mam zamiar zrobić mini stronę opartą w całości na jquery,
która w ogóle nie będzie się przeładowywać a content będzie się zmieniał po klikaniu w DIV-y, ewentualnie INPUT-y.
Niestety od dwóch dni się z tym męczę i cały czas mi nie działa.

Pomożecie??

Pozdrawiam.
!*!
http://forum.php.pl/index.php?showtopic=15...mp;#entry896036 i opisz dlaczego Ci się "nie wczytuje".
SeaDog
Udało mi się rozwiązać problem.

Jestem początkujący jeśli chodzi o JS i też nie wiem dokładnie jak to opisać, ale chodzi o to, że w momencie gdy loadujemy stronę,
wszystkie kolejne funkcje/metody należy umieścić w funkcji loadującej?

Za przykład weźmy load strony na której jest przycisk o id='next', po kliknięciu w który ma nastąpić load innej strony.
przykład na którym klikanie w przycisk nic nie da:

  1. function home(){
  2. $("#main").load('one.php');
  3. }
  4.  
  5. function two(){
  6. $("#main").load('two.php');
  7. }
  8.  
  9. function next(){
  10. $('#next').click(function(){two();});
  11. }
  12.  
  13. $(document).ready(function(){home();});
  14.  
  15. <div id="main"></div>
  16. </html>


a teraz działający kod:

  1. function home(){
  2. $("#main").load('one.php', function(){next();});
  3. }
  4.  
  5. function two(){
  6. $("#main").load('two.php');
  7. }
  8.  
  9. function next(){
  10. $('#next').click(function(){two();});
  11. }
  12.  
  13. $(document).ready(function(){home();});
  14.  
  15. <div id="main"></div>
  16. </html>


Chodziło o wczytanie funkcji w funkcji. Podana przez Ciebie strona raczej by mi nie pomogła ale mimo wszystko dziękuję.
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.