Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][SQL]Przejscie
fcppl
post 11.10.2012, 00:37:34
Post #1





Grupa: Zarejestrowani
Postów: 116
Pomógł: 0
Dołączył: 11.04.2010

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


Witam,

Mam oto taki prosty skrypt ktory wyswietla losowo zdjecia. Problem jest w tym ze nie mam pojecia jak zrobic plynne przejscie bo teraz mi skacze po uplywie X sekund. Dodam ze szukałem sporo w sieci i testowałem kilka rozwiązan jednak bez powodzenia. Proszę o pomoc

  1. jQuery.noConflict();
  2.  
  3. jQuery(document).ready(function($) {
  4.  
  5. $(document).ready(function(){
  6. var j = jQuery.noConflict();
  7. j(document).ready(function()
  8. {
  9. j(".player").everyTime(6000,function(i){
  10. j.ajax({
  11. url: "player_random.php",
  12. cache: false,
  13. success: function(html){
  14. j(".player").html(html);
  15. }
  16. })
  17. })
  18. });
  19. j('.player').css({color:"red"});
  20. });
  21.  
  22. });


Dzieki z góry

Ten post edytował fcppl 11.10.2012, 00:39:22
Go to the top of the page
+Quote Post
jaslanin
post 11.10.2012, 06:36:15
Post #2





Grupa: Zarejestrowani
Postów: 511
Pomógł: 143
Dołączył: 13.03.2010
Skąd: Jasło

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


nie musisz robić 3 razy document ready jeden wewnątrz drugiego, jeden wystarczy w zupełności, nieważne dla której instancji jquery, zadziała tak samo

problemem jest to, że po pobraniu ajaxem obrazka, musi on być jeszcze pobrany przez przeglądarke, musisz zrobić tak, że obrazek podmieniasz dopiero po jego załadowaniu.

Zobacz na przykład: http://stackoverflow.com/questions/5627148...ax-success-data






--------------------
Good luck and happy PHP'ing
Go to the top of the page
+Quote Post
fcppl
post 11.10.2012, 10:30:15
Post #3





Grupa: Zarejestrowani
Postów: 116
Pomógł: 0
Dołączył: 11.04.2010

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


witam,

Dzieki za odpowiedz. Kod zmodyfikowałem wedlug wskazowek (oczysciłem), ale nawet jak chce sie zastosować do wskazowek z podanego linku nie daje sobie rady. Czy ktos moze mi pomoc modyfikująć moj kod i dac jeszcze jakas wskazowke?

  1. var j = jQuery.noConflict();
  2. j(document).ready(function()
  3. {
  4. j(".player").everyTime(6000,function(i){
  5. j.ajax({
  6. url: "player_random.php",
  7. cache: false,
  8. success: function(html){
  9. j(".player").html(html);
  10. }
  11. })
  12. })
  13. });
  14.  
  15.  
  16.  


Ten post edytował fcppl 11.10.2012, 11:44:29
Go to the top of the page
+Quote Post
jaslanin
post 11.10.2012, 16:20:37
Post #4





Grupa: Zarejestrowani
Postów: 511
Pomógł: 143
Dołączył: 13.03.2010
Skąd: Jasło

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


spróbuj tego, może tak będzie Ci prościej: http://stackoverflow.com/a/7913619/1660478


--------------------
Good luck and happy PHP'ing
Go to the top of the page
+Quote Post
fcppl
post 11.10.2012, 18:33:45
Post #5





Grupa: Zarejestrowani
Postów: 116
Pomógł: 0
Dołączył: 11.04.2010

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


Po calym dniy cos chyba pomogło bo fotki mi migaja i to nawet fajnie wyglada.

Pokazuje kod, ale prawdopodobnie jest w nim duzo bledow

  1. var j = jQuery.noConflict();
  2. j(document).ready(function()
  3. {
  4. j(".player").everyTime(6000,function(i){
  5. j.ajax({
  6. cache: false,
  7. url: "player_random.php",
  8. success: function(data){
  9. j(".player").html(data).hide().fadeIn(1600).waitForImages(function(){
  10. $(this).show();});
  11. }
  12. })
  13. })
  14. });
  15.  
  16.  
  17.  


Mam jeszcze takie pytanie. Jezeli nie uzywam funkcji .fadeIn, samo .hide wykonuje efekt znikniecia zdjec, ale nowe sie juz nie pokazuja?

m
Go to the top of the page
+Quote Post
b4rt3kk
post 11.10.2012, 18:55:44
Post #6





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


Zamiast hide użyj fadeOut.


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
jaslanin
post 11.10.2012, 19:15:13
Post #7





Grupa: Zarejestrowani
Postów: 511
Pomógł: 143
Dołączył: 13.03.2010
Skąd: Jasło

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


dlaczego nie używasz konsoli błędów js?

przekopiowałeś: $(this).show(); a wcześniej użyłeś noconflict więc dolar nie będzie przechowywał jQuery.

dobrze by było jakbyś to gdzieś na serwer wrzucił, bo ciężko będzie Ci inaczej pomóc.

Ten post edytował jaslanin 11.10.2012, 19:15:52


--------------------
Good luck and happy PHP'ing
Go to the top of the page
+Quote Post
fcppl
post 12.10.2012, 10:14:37
Post #8





Grupa: Zarejestrowani
Postów: 116
Pomógł: 0
Dołączył: 11.04.2010

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


ok,

uzyłem konsoli i byly bledy lekko zmodyfikowałem kod i bledów juz nie ma chociaz nie jestem pewny czy jest on poprawny, ale to tylko dlatego ze jestem b.poczatkujacy

  1. var j = jQuery.noConflict();
  2. j(document).ready(function()
  3. {
  4. j(".player").everyTime(7000,function(i){
  5. j.ajax({
  6. cache: false,
  7. url: "zawodnicy/fastball_plugins/player_random.php",
  8. success: function(data){
  9. j(".player").html(data).hide().fadeIn(700);
  10.  
  11.  
  12. }
  13. })
  14. })
  15. });
  16.  
  17.  
  18.  


Dzieki wszystkim za pomoc.

witam,

Jeszcze jedno małe pytanie. Jak zrobic odswiezanie DIV, ale zeby nie wgrywał danych z pliku np:

url: "player_random.php",

tylko odswiezał danego Div'a, który juz posiada swoj tekst mam tutaj na mysli ze tresc Div'a bedzie zmieniana bezposrednio z CMS. Jezeli zastosuje wzór ajax bez sekcji "url: "player_random.php"," div faktycznie sie odzwieza, ale powiela mi jego zawartosc tak ze wynik po odswiezeniu pokazuje dwa razy ta sama tresc.

Pozdrawiam
Go to the top of the page
+Quote Post
jaslanin
post 12.10.2012, 17:33:38
Post #9





Grupa: Zarejestrowani
Postów: 511
Pomógł: 143
Dołączył: 13.03.2010
Skąd: Jasło

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


zamiast pobierania całego diva przez ajax pobieraj tylko img i umieszczaj go wewnątrz diva


--------------------
Good luck and happy PHP'ing
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: 14.08.2025 - 11:47