Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Cała strona bez przeładowania
SeaDog
post
Post #1





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 15.11.2010

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
!*!
post
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

http://forum.php.pl/index.php?showtopic=15...mp;#entry896036 i opisz dlaczego Ci się "nie wczytuje".
Go to the top of the page
+Quote Post
SeaDog
post
Post #3





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 15.11.2010

Ostrzeżenie: (0%)
-----

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:

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


a teraz działający kod:

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


Chodziło o wczytanie funkcji w funkcji. Podana przez Ciebie strona raczej by mi nie pomogła ale mimo wszystko dziękuję.
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 16.09.2025 - 04:09
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn