Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][jQuery] Ładowanie tresci do diva z opoznieniem
Wolfie
post 15.09.2009, 21:19:06
Post #1





Grupa: Zarejestrowani
Postów: 686
Pomógł: 0
Dołączył: 10.11.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


Witam,


Mam taki kod :

  1. <?php include 'header.php';?>
  2. <div id="rama">
  3. <div id="TRESC"></div>
  4. </div>
  5. <?php include 'footer.php';?>


I do niego takie funkcje jQuery :

  1. $('#TRESC').load('aktualnosci.php').fadeOut(1).delay(5000).fadeIn(2500);//.fadeOut(2000).fadeTo(2000,0, function() {
  2. //$(this).fadeIn(2000);
  3. //});
  4. $('a[href="aktualnosci.php"]').click(function(){
  5. $('#TRESC').load('aktualnosci.php', '', function() {
  6. $(this).hide().fadeIn('slow');
  7. });
  8. $('#foto').load('akt_gal.php', '', function() {
  9. $(this).hide().fadeIn('slow');
  10. });
  11. return false;
  12. });
  13. $('a[href="projekty.php"]').click(function(){
  14. $('#TRESC').load('projekty.php', '', function() {
  15. $(this).hide().fadeIn('fast');
  16. });
  17. $('#foto').load('proj_gal.php', '', function() {
  18. $(this).hide().fadeIn('slow');
  19. });
  20. return false;
  21. });


Wszystko pieknie dziala, tylko ze potrzebuje umiescic w srodku div-a o id="TRESC" wstawic jeszcze jeden div i ustawic go na dole div-a o id="TRESC" wiec robie tak :

  1. <?php include 'header.php';?>
  2. <div id="rama">
  3. <div id="TRESC"><div id="content_bottom"></div></div>
  4. </div>
  5. <?php include 'footer.php';?>


Jak widac umiescilem tutaj nowy div o id="content_bottom" w divie o id="TRESC"

No i teraz wszystkie funkcjie jQuery przerabiam zeby tresc stron ladowala sie do div'a o id="content_bottom wiec robei tak :

  1. $('#content_bottom').load('aktualnosci.php').fadeOut(1).delay(5000).fadeIn(2500);//.fadeOut(2000).fadeTo(2000,0, function() {
  2. //$(this).fadeIn(2000);
  3. //});
  4. $('a[href="aktualnosci.php"]').click(function(){
  5. $('#content_bottom').load('aktualnosci.php', '', function() {
  6. $(this).hide().fadeIn('slow');
  7. });
  8. $('#foto').load('akt_gal.php', '', function() {
  9. $(this).hide().fadeIn('slow');
  10. });
  11. return false;
  12. });
  13. $('a[href="projekty.php"]').click(function(){
  14. $('#content_bottom').load('projekty.php', '', function() {
  15. $(this).hide().fadeIn('fast');
  16. });
  17. $('#foto').load('proj_gal.php', '', function() {
  18. $(this).hide().fadeIn('slow');
  19. });
  20. return false;
  21. });


Prawie wszystko gra jak nalezy ale niestety, jak widac na poczatku jako domyslna ladowana jest do diva strona aktualnosci.php, w pierwszym przypadku gdy ladowalem tresc do div'a o id="TRESC" funkcja :

  1. fadeOut(1).delay(5000).fadeIn(2500);


Dzialala jak nalezy i tresc pojawiala sie z opoznieniem 5000ms, teraz gdy laduje zawartosc do div'a conntent_bottom nie ma opoznienia a tresc laduje sie od razu.....co moze byc nie tak ?

Ten post edytował Wolfie 15.09.2009, 21:30:36
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 13.06.2025 - 09:37