Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [js][jquery] problem z preloaderem
michaelt
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 12.01.2009
Skąd: Schelluinen | Nederland

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

Witam

Zwracam się do Was z prośbą o pomoc w rozwiązaniu niżej opisanego problemu:

Dostosowuję do swoich potrzeb kod dynamicznej zmiany treści w danym <div>

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <title>test</title>
  7. <link href="ajaxcss.css" rel="stylesheet" type="text/css">
  8. <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  9. <script type="text/javascript" src="ajaxcore.js"></script>
  10. <script type="text/javascript" src="ajax.js"></script>
  11.  
  12. <script type="text/javascript">
  13.  
  14. function switchdivs(){
  15. $('#LoadingDiv').fadeOut('slow',function(){
  16.    $('#ContentDiv').fadeIn('slow'); });
  17. }
  18. </script>
  19.  
  20. </head>
  21. <body onload="switchdivs();">
  22. <div id="dataDiv" class="dataDiv"><img src="obrazek2.jpg"></div>
  23. <div id="selectorsDiv" class="mainDiv">
  24.  
  25. <!--pierwszy art--><a href="java script:scroll(0,0);"><img src="obrazek_norm.jpg" onMouseOver="itemrollover(this)" onMouseOut="itemrollout(this)" 
  26.        onclick="loadArticle(1)" id="btn1"></a>
  27.  
  28. <!--drugi art--><input type="button" class="myButton" value="Drugi artykuł" 
  29.        onclick="loadArticle(2)" id="btn2">
  30.  
  31. <!--trzeci art--><input type="button" class="myButton" value="Trzeci artykuł"
  32.        onclick="loadArticle(3)" id="btn3">
  33.  
  34.  </div>
  35. </body>
  36. </html>
[HTML] pobierz, plaintext
 

Wszytko działa jak należy tj. klikając na obrazek <--pierwszy art-->, lub buttony drugi i trzeci w div id="dataDiv" wczytuje się zawartość plików zdefiniowanych wcześniej w ajax.js

Postanowiłem dodać do tego preloader, tak w każdym z artykułów najpierw pojawiał się gif typu please wait.... i dopiero później z ladnym przejściem pojawiał się artykuł.

Nie mam za bardzo pojęcia o javascript itp. znalazłem za to w sieci skrypt na jquery, który pasuje do scenariusza (IMG:style_emoticons/default/winksmiley.jpg) Jak łatwo zauważyć jest on zaimplementowany w podanym wyżej kodzie - function switchdivs.

Problem polega na tym, że nie chce to za bardzo działać we "wczytywanych" plikach/artykułach. Dla przykładu art1:

[HTML] pobierz, plaintext 
  1. <div id="LoadingDiv" class="dataDiv"><img src="obrazek.gif"></div>
  2. <div id="ContentDiv" style="display:none" class="dataDiv">tekst art, img. etc....</div>
[HTML] pobierz, plaintext


obrazek.gif = loading please wait.... Powinien się zamienić z przejściem fadeIn('slow') z treścią artykułu z drugiego diva. Sprawdzałem działanie na innej stronie i działa bez zarzutu.

Czy jest szansa, że to da się połączyć ze sobą tj. zmiana kontentu w dataDiv i preloader?

Co powinienem zrobić? pewnie wystarczy dopisać linijkę kodu i będzie hulać a ja siedzę nad tym mhhh długo (IMG:style_emoticons/default/winksmiley.jpg)  

Z góry dzięki za pomoc.
Go to the top of the page
+Quote Post
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Strzelam, że gdzieś musisz zmienić metodę podpinania zdarzeń z konkretnego na live. Puść to najlepiej na żywo.
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: 26.08.2025 - 21:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn