? Verzögerungen in "for" Schleifen von JavaScripts "einbauen"
der pasinger
- dhtml
Servus zusammen !
auf http://www.bahnalbum.de/ habe ich eine, wie ich meine, recht passable Lösung einer dynamischen Navigationsleiste mit CSS und Javascript realisiert, die in der 5er Version des IE und den 6er Versionen von Opxxx und Netxxxxx bzw. Mozxxxx funktioniert bzw. funktionieren sollte.
Grundgedanke war dabei, daß die nicht benötigten Untermenüs durch die Zuweisung der CSS- Eigenschaft "display:none" ausgeblendet bzw. mit der Zuweisung einer anderen CSS- Eigenschaft wieder eingeblendet werden können. So sind nur die Untermenüpunkte des aktuell gewählten Menüeintrags für den Besucher sichtbar.
Technisch (in JS) läuft das so ab, das eine "for"- Schleife erst allen sichtbaren Untermenüs die CSS- Eigenschaft mit "display:none" zuweist und von Bildschirm entfernt und dann mit einer weiteren "for"- Schleife das Menü für die gewählte Kategorie mit der Zuweisung einer anderen CSS- Eigenschaft sichtbar macht.
Soweit funktioniert das auch sehr gut.
Leider laufen diese Vorgänge sehr abrupt ab.
??? Wie kann ich es erreichen, daß die erwähnten "for"- Schleifen bei jedem Durchgang eine Pause von ca. 1-2/10 Sekunden einlegen, damit sich die Untermenüs sichtbar zusammen- und dann wieder entfalten?
Meine bisherigen Versuche mit "window.setTimeout" und Abfragen der Systemzeit auf Millisekunden- Basis waren leider (lokal auf meinem Rechner) nicht erfolgreich.
Vielen, herzlichen Dank für hilfreiche Antworten sage ich jetzt schon gerne !
mfg :
der Pasinger
Hallo,
hab gerade nur folgenden Code zur Verfügung:
while(y < 500)
{
setTimeout("window.scrollBy(0,+10)",40);
y = y + 10;
}
Das ist jetzt ein Scoller. Die while-Schleife ruft die Scrollfunktion auf, dazwischen ist verzögert das timeout.
Anstelle des Scrollens müßtest Du Deine Ein/Ausblendfunktion setzen und schon müßte es gehen (auch in ner for-Schleife) Es gibt noch ein paar andere Möglichkeiten das Teil einzubauen, Stichwort Rekursion.
Ich hoffe, Dir geholfen zu haben, falls nicht, stell doch mal Deinen Code hier rein.
Gruß, Mario
PS: Nette Fotos auf der HP! Echt gut!
Hallo,
schau dir die javascript-datei für das menu dieser seite mal an...
http://www.hanno-becker.de/
mfg NAG