wait funktion (jquery)

[Patrici]

Hallo,
Ich hab 2 kleine probleme:

if(document.getElementById('ref-1').style.display != 'none'){  
   $("#ref-1").DropOutRight(800);  
   //die nächste aktion soll erst ausgeführt werden wen die erste fertig ist  
   $("#ref-2").DropInLeft(800);return false;  
   }  
if(document.getElementById('ref-2').style.display != 'none'){  
   $("#ref-2").DropOutRight(800);  
   //die nächste aktion soll erst ausgeführt werden wen die erste fertig ist  
   $("#ref-3").DropInLeft(800);return false;  
   }  
if(document.getElementById('ref-3').style.display != 'none'){  
   $("#ref-3").DropOutRight(800);  
   //die nächste aktion soll erst ausgeführt werden wen die erste fertig ist  
   $("#ref-1").DropInLeft(800);return false;  
   }

so das erste ist wie es schon in code steht das ich eine wait funktion brauch und das 2te ist das das die letze funktion (if(document.getElementById('ref-3')...) einfach nicht funktionieren will.

Ich hoffe ihr könnt mir helfen
mfg Patrici

[Joachim]

Hi,

so das erste ist wie es schon in code steht das ich eine wait funktion brauch

nein, Du brauchst eine callback funktion, die dann aufgerufen wird, wenn eine Aktion beendet ist. I.d.R bietet jquery das:
$("#mydiv").slideDown(function(){
    alert("feddich");
});

Also, lies mal ein bisschen in der Doku...

Gruesse, Joachim

[Patrici]

nein, Du brauchst eine callback funktion, die dann aufgerufen wird, wenn eine Aktion beendet ist. I.d.R bietet jquery das:
$("#mydiv").slideDown(function(){
    alert("feddich");
});

Tut mir leid aber das hab ich nicht verstanden :( und wen ich das einfüge (ich hab mehrere warianten probiert kommt entweder nur ein fenster wo feddich steht oder es geht garnichts mehr

Also, lies mal ein bisschen in der Doku...

Ja du hast recht aber leider ist diese sehr umfangreich und auf english und da ich totaler anfänger in sachen JS muss ich zugeben das sie mich ein wenig übervordert.

Desweiteren hab ich noch einen fehler gefunden und zwar zeigt die fehlerkonsole in ie an das er die display eigenschaft nicht finden kan liegt das vll daran das diese angaben durch das JS geändert werden?

Ich bitte euch mir das nochmal genauer zu erklären, auch wen ich totaler anfänger bin und ihr von mir warscheinlich genervt seit... (und ja ich kuck mir auch die doku an)

mfg Patrici

[Joachim]

Hi,

Tut mir leid aber das hab ich nicht verstanden :( und wen ich das einfüge (ich hab mehrere warianten probiert kommt entweder nur ein fenster wo feddich steht

Genau das soll passieren: der Slider wird ausgeführt, und wenn er abgeschlossen ist, wird die Callback-Funktion ausgeführt - hier als Beispiel nur ein alert mit dem Text "feddich". Genausogut könnte man aber etwas anderes starten, man braucht also kein "Wait", sondern hängt so den gewünschten Ablauf hintereinander.

Gruesse, Joachim

[Patrici]

Wen ich das richtig verstanden habe meinst du das so:

if(document.getElementById('ref-1').style.display != 'none'){  
   $("#ref-1").DropOutRight(500, function(){  
    $("#ref-2").DropInLeft(1000);  
});  
   }
~~~leider werden dan beide aktionen gleichzeitig ausgeführt :(  
  
mfg Patrici  

[patrici]

leider werden dan beide aktionen gleichzeitig ausgeführt :(

sry es funktioniert doch aber beim ersten klick werden alle funktionen gleichzeitig ausgeführt gibt es eine mölichkeit das weck zu bekommen ?
bzw wo ist der fehler?

function next() {  
if(document.getElementById('ref-1').style.display != 'none'){  
   $("#ref-1").DropOutRight(500, function(){  
    $("#ref-2").DropInLeft(500);  
});  
   }  
if(document.getElementById('ref-2').style.display != 'none'){  
   $("#ref-2").DropOutRight(500, function(){  
    $("#ref-3").DropInLeft(500);  
});  
   }  
if(document.getElementById('ref-3').style.display != 'none'){  
   $("#ref-3").DropOutRight(500, function(){  
    $("#ref-4").DropInLeft(500);  
});  
   }  
if(document.getElementById('ref-4').style.display != 'none'){  
   $("#ref-4").DropOutRight(500, function(){  
    $("#ref-1").DropInLeft(500);  
});  
   }  
}  

[Patrici]

Habs hinbekommen war wohl wider zu voreilig mit dem posts herzlichen dank für deine hilfe Joachim :D

mfg Patrici

[globe]

n'abend,

if(document.getElementById('ref-1').style.display != 'none'){

$("#ref-1").DropOutRight(800);

  
ist der halbe Sinn der ganzen jQuery Geschichte nicht, dass du dir dieses ewige document.getElementById() sparen kannst?  
  
`document.getElementById('ref-1')`{:.language-javascript} => `$("#ref-1")`{:.language-javascript}  
  
  
weiterhin schönen abend...

-- 
#selfhtml hat ein Forum?  
  
sh:( fo:# ch:# rl:| br:> n4:& ie:{ mo:} va:) de:] zu:} fl:( ss:? ls:[ js:|