Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery] - wykonaj skrypt po załadowaniu elementu div
dantekir
post 17.08.2008, 11:00:19
Post #1





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 14.06.2004
Skąd: Świętochłowice

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

Witam,

Mam dwa elementy DIV
pierwszy (id='info') i drugi (id='progress')
w drugim elemencie wykonywany jest dość duża aktualizacja bazy (jego wykonanie trwa dość dużo czasu), chciałbym ją jednak podzielić pewne etapy.
np po uaktualnieniu tabeli1 w elemencie id=info pojawiałaby się informacja "uaktualniono tabelę 1"
po uaktualnieniu tabeli 2 informacja "uaktualniono tabelę 2"

w zasadzie to problem sprowadza się do wykonania skryptu w momencie gdy pewien element div (znajdujący się np w ramach id='progress' ) zostanie załadowany.

Korzystam z jquery. i niestety nie wiem jak sobie z tym pewnie prostym problemem poradzić.
Próbowałem umieszczać wykonanie skrytpu nawet w ramach <body onload=''>//uaktualnienie tabeli1</body> ale ku mojemu zaskoczeniu nie działa...

Będę dźwięczny za pomoc smile.gif


--------------------
...albo jesteś zerem albo jedynką ;)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
ayeo
post 17.08.2008, 11:17:15
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

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

Do funkcji wysyłającej żądanie w jQuery możesz przekazać parametr SUCCESS, który okreśja jaka funkcja ma być wywołana w przypadku pozytywnego zakończenia.

Kod
$.ajax({
  type: "POST",
  url: "some.php",
  data: "name=John&location=Boston",
  success: function(msg){
    alert( "Data Saved: " + msg );
  }

});


Pozdrawiam!


--------------------
ayeo.pl
Go to the top of the page
+Quote Post
dantekir
post 17.08.2008, 13:33:46
Post #3





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 14.06.2004
Skąd: Świętochłowice

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

no tak...
ale w jaki sposób to wykorzystać, w którym momencie?
początkowo mam tak:
[HTML] pobierz, plaintext 
  1. <div id='updateinfo'></div>
  2. <div id='updateprogress'></div>
[HTML] pobierz, plaintext

po kliknięciu w przycisk 'aktualizuj' (odwołanie do funkcji:

[PHP] pobierz, plaintext 
  1. <?php
  2. function updatedostawca($id)
  3. {
  4.  
  5. $.ajax({	type: "GET",
  6. 		url: "update"+$id+".php?SID",
  7. 		data: {
  8. 			id: $id
  9. 		},
  10. 		success: function(data) {
  11. 			$("#updateprogress").html(data);
  12. 			}
  13.  
  14. })
  15.  
  16. $.ajax({	type: "GET",
  17. 		url: "updateinfo.php?SID",
  18. 		data: {
  19. 			id: $id
  20. 		},
  21. 		success: function(data) {
  22. 			$("#updateinfo").html(data);
  23. 			}
  24.  
  25. })
  26.  
  27. }
  28. ?>
[PHP] pobierz, plaintext


do tych dwóch div-ów ładuje informacje i wyglądają odpowiednio:

[HTML] pobierz, plaintext 
  1. <div id='updateinfo'>Rozpoczynam aktualizację dostawcy...</div>
  2. <div id='updateprogress'>
  3.  
  4. 	Rozpoczęto aktualizację dostawcy
  5. 	<div id='info1'>
  6. 	//tutaj kod wykonwywujący coś tam
  7. 	wykonano kod 1
  8. 	</div>
  9. 	<div id='info2'>
  10. 	//tutaj kod wykonwywujący coś tam
  11. 	wykonano kod 2
  12. 	</div>
  13. 	<div id='info2'>
  14. 	//tutaj kod wykonwywujący coś tam
  15. 	wykonano kod 3
  16. 	</div>
  17.  
  18. </div>
[HTML] pobierz, plaintext

i teraz chciałbym aby po wykonaniu kodu 1 pojawiała się informacja 'wykonano kod 1' w divie o id='updateinfo' po wykonaniu kodu 2 info 2 itd.

już sobie pomogłem... winksmiley.jpg
[HTML] pobierz, plaintext 
  1. function updatedostawca($id)
  2. {
  3. $("#updateinfo").html('rozpoczynam aktualizację dostawcy prx...');
  4. $.ajax({	type: "GET",
  5. 		url: "update"+$id+".php?SID",
  6. 		data: {
  7. 			id: $id
  8. 		},
  9. 		success: function(data) {
  10. 			$("#updateprogress").html(data);
  11.  
  12. 			}
  13.  
  14. })
  15.  
  16.  
  17.  
  18. }
[HTML] pobierz, plaintext


a po każdym załadowanym divie dałem:
<script type=\"text/javascript\">$('#updateinfo').html('połączono z serwerm ftp')</script>

po obiedzie jednak się lepiej myśli winksmiley.jpg


--------------------
...albo jesteś zerem albo jedynką ;)
Go to the top of the page
+Quote Post
« Następny starszy · AJAX · Następny nowszy »
 

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

 

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

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

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