Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> js, rekurencje, liczenie pomocy!
daniofantasy
post
Post #1





Grupa: Zarejestrowani
Postów: 30
Pomógł: 1
Dołączył: 14.06.2007
Skąd: Chesterfield UK

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


Witam,

Mam takie cudo:


  1. var ImgFader = function(FadeDelay,TimeDelay,x,aImages1,aImages2,aImages3,DOMElement,FirstTimeStart) {
  2.  
  3. var FirstFader = $(DOMElement[0]);
  4. var SecondFader = $(DOMElement[1]);
  5. var ThirdFader = $(DOMElement[2]);
  6.  
  7. if (x==4) {
  8. x=1;
  9. }
  10.  
  11. var OldTimeDelay = TimeDelay;
  12.  
  13. if (FirstTimeStart) {
  14. TimeDelay = 0;
  15. }
  16.  
  17. setTimeout(function() {
  18. FirstFader.fadeOut(FadeDelay);
  19. SecondFader.fadeOut(FadeDelay);
  20. ThirdFader.fadeOut(FadeDelay);
  21. setTimeout(function() {
  22. FirstFader.css('background','url('+aImages1[x-2]+')');
  23. SecondFader.css('background','url('+aImages2[x-2]+')');
  24. ThirdFader.css('background','url('+aImages3[x-2]+')');
  25. }, FadeDelay);
  26.  
  27. FirstFader.fadeIn(FadeDelay);
  28. SecondFader.fadeIn(FadeDelay);
  29. ThirdFader.fadeIn(FadeDelay);
  30. x++;
  31. ImgFader(FadeDelay,OldTimeDelay,x,aImages1,aImages2,aImages3,DOMElement,false);
  32. }, TimeDelay);
  33. };
  34.  
  35. $(document).ready( function (){
  36. var images1 = new Array('images/Img1_1.jpg','images/Img2_1.jpg','images/Img3_1.jpg')
  37. var images2 = new Array('images/Img1_2.jpg','images/Img2_2.jpg','images/Img3_2.jpg')
  38. var images3 = new Array('images/Img1_3.jpg','images/Img2_3.jpg','images/Img3_3.jpg')
  39. var DOMElements = new Array('#Fader1','#Fader2','#Fader3');
  40. ImgFader(500,5000,1,images1,images2,images3,DOMElements,true);
  41. });


i teraz jak po kodzie :


if (x==4) {
x=1;
}

wrzuce alerta, to przy każdym jednorazowym wywołaniu funkcji zamiast mi ładnie wyświetlić, że x=1 albo x=2 albo x=3, czego bym się spodziewał, ten zakichany js wali mi alertami z każdym kolejnym argumentem funkcji z którym rekurencja była wcześniej wywołana,

przez to nie mogę po tym if-ie zrobić ślicznego:

if (x == 1) {
...moje instrukcje...
}
Od razu zaznaczam, że o js mam tylko blade pojęcie - i tak - zdaję sobie sprawę, że powyżej cytowany kod jest daleki od dobrego webowego rzemieślnictwa - prosiłbym tylko osoby znające się na tym o pomoc w zrozumieniu o co chodzi - dlaczego mój x w tej funkcji wygląda tak: 123123123123 zamiast 1 lub 2 lub 3

Bo podejrzewam, że to coś nie tak z inkrementacją - bo dlaczego x które jest równe 1, zwiększone o 1 daje w wyniku 12 zamiast 2... :/ ... ?

Proszę o pomoc - z góry dziękuję (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
daniofantasy
post
Post #2





Grupa: Zarejestrowani
Postów: 30
Pomógł: 1
Dołączył: 14.06.2007
Skąd: Chesterfield UK

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


Generalnie w tej chwili mam coś takiego:

  1. var ImgFader = function(FadeDelay,TimeDelay,x,aImages1,aImages2,aImages3,DOMElement,FirstTimeStart) {
  2.  
  3. var FirstFader = $(DOMElement[0]);
  4. var SecondFader = $(DOMElement[1]);
  5. var ThirdFader = $(DOMElement[2]);
  6.  
  7. if (parseInt(x)==4) {
  8. var x=1;
  9. }
  10.  
  11. FirstFader.hover(function() {
  12. if (parseInt(x)==2)
  13. $('.Cloud1_1').fadeIn('50');
  14. if (parseInt(x)==3)
  15. $('.Cloud1_2').fadeIn('50');
  16. if (parseInt(x)==1)
  17. $('.Cloud1_3').fadeIn('50');
  18. },function() {
  19. if (parseInt(x)==2)
  20. $('.Cloud1_1').fadeOut('50');
  21. if (parseInt(x)==3)
  22. $('.Cloud1_2').fadeOut('50');
  23. if (parseInt(x)==1)
  24. $('.Cloud1_3').fadeOut('50');
  25. });
  26.  
  27.  
  28. $('#fadingBox').append('<br>');
  29. $('#fadingBox').append(x);
  30. $('#fadingBox').append('<hr>');
  31.  
  32. var OldTimeDelay = TimeDelay;
  33.  
  34. if (FirstTimeStart) {
  35. TimeDelay = 0;
  36. }
  37.  
  38. if (x != 0) {
  39. setTimeout(function() {
  40. FirstFader.fadeOut(FadeDelay);
  41. SecondFader.fadeOut(FadeDelay);
  42. ThirdFader.fadeOut(FadeDelay);
  43. setTimeout(function() {
  44. FirstFader.css('background','url('+aImages1[x-2]+')');
  45. SecondFader.css('background','url('+aImages2[x-2]+')');
  46. ThirdFader.css('background','url('+aImages3[x-2]+')');
  47. }, FadeDelay);
  48.  
  49. FirstFader.fadeIn(FadeDelay);
  50. SecondFader.fadeIn(FadeDelay);
  51. ThirdFader.fadeIn(FadeDelay);
  52. x = x + 1;
  53. ImgFader(FadeDelay,OldTimeDelay,parseInt(x),aImages1,aImages2,aImages3,DOMElement,false);
  54. }, TimeDelay);
  55. } else {
  56. x = x + 1;
  57. ImgFader(FadeDelay,OldTimeDelay,parseInt(x),aImages1,aImages2,aImages3,DOMElement,false);
  58. }
  59. };
  60.  
  61. $(document).ready( function (){
  62. var images1 = new Array('images/Img1_1.jpg','images/Img2_1.jpg','images/Img3_1.jpg')
  63. var images2 = new Array('images/Img1_2.jpg','images/Img2_2.jpg','images/Img3_2.jpg')
  64. var images3 = new Array('images/Img1_3.jpg','images/Img2_3.jpg','images/Img3_3.jpg')
  65. var DOMElements = new Array('#Fader1','#Fader2','#Fader3');
  66. ImgFader(500,5000,1,images1,images2,images3,DOMElements,true);
  67. });


i parse int przy rekurencyjnym wywołaniu funkcji dał radę, bo jak wywołam na samym początku funkcji alert(x); to mam ładnie wyświetlone x, bez ciągu - i byłoby już dobrze, ale jeszcze pozostaje mi ten kawałek kodu:

  1. FirstFader.hover(function() {
  2. if (parseInt(x)==2)
  3. $('.Cloud1_1').fadeIn('50');
  4. if (parseInt(x)==3)
  5. $('.Cloud1_2').fadeIn('50');
  6. if (parseInt(x)==1)
  7. $('.Cloud1_3').fadeIn('50');
  8. },function() {
  9. if (parseInt(x)==2)
  10. $('.Cloud1_1').fadeOut('50');
  11. if (parseInt(x)==3)
  12. $('.Cloud1_2').fadeOut('50');
  13. if (parseInt(x)==1)
  14. $('.Cloud1_3').fadeOut('50');
  15. });


gdzie próbuję przyrównać x do wartości liczbowych i przy pierwszych trzech rekurencjach jest ok (ten kod kręci się w kółko do trzech razy i powrót - znowu od początku) a przy czwartej rekurencji, gdy zaczyna liczyć od nowa te wszystkie ify przestają działać i wyświetlają całość tak, jakby x było zawsze równe 3, mimo że alert(x) pokazuje różne wartości - o co tutaj znowu chodzi? Już nawet dałem parseInt - ale czy jest parseInt, czy go nie ma, to i tak nie robi różnicy - działa do 3 rekurencji - potem lipa... :/

żeby bardziej było widać, o co tutaj chodzi, przesyłam link do tego cudnego dzieła:

http://prawne.home.pl/pieter/

te pojawiające się pod faderem liczby, to jest aktualna wartość x, wywoływana przez ten kod:

$('#fadingBox').append('<br>');
$('#fadingBox').append(x);
$('#fadingBox').append('<hr>');



A te czerwone chmurki mają się pojawiać w kolejności: Cloud1_1, potem Cloud1_2, potem Cloud1_3 i z powrotem - 1_1,1_2,1_3 itd, a staje mi na Cloud 1_2 przez problem z przyrównaniem do wartości w tych if-ach po czwartej rekurencji
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 28.09.2025 - 04:29