✔ Elemente mit setTimeout() verzögert ausblenden: Probleme mit ID-Übergabe

[kuddeldaddeldu]

Hi,

Die id ist nur innerhalb der Funktion bekannt, beim Aufruf per setTimeout() wurde diese aber bereits verlassen.

Das Problem wird ja durch den Aufruf mit function() {...} schon umgangen. Das zeitverzögerte Ausblenden funktionierte ja auch schon.
Das Problem ist eher, dass beim Navigieren mehrere Timeouts generiert werden, diese aber in der selben Variable gespeichert werden.

Schreib' Deine Funktionen mal so um:

function Ausblenden(id) {
   eval("t_" + id + "= window.setTimeout(function() {AusblendenIntern(id);}, Timer);");
}
function TimerBeenden(id) {
   eval("window.clearTimeout(t_" + id + ");");
}

Dann musst Du natürlich in den anderen onmouseover-Events TimerBeenden mit der entsprechenden Id auch aufrufen.

LG

 

[Sven Mintel]

if( document.getElementById(id).style.display = 'none' )

dort fehlt ein = , denn dort musst du vergleichen, und nicht zuweisen.

Ferner ist JS nicht imstande, style-Attribute aus globalen Stylesheets zu ermitteln, die display-Eigenschaften musst du also direkt in den Elementen notieren.

 

[parawaiter]

@kuddeldaddeldu und @Sven Mintel,

vielen Dank für Eure Hilfe , jetzt klappt alles wie es soll !

mich würde noch sehr interessieren, wie Ihr die Anwendbarkeit des Menüs findet also
ob die Timeouts gut abgestimmt sind usw.

Würd mich freuen, wenn Ihr nochmal reinschauen könntet ;-)
http://www.glide-and-ride.de/test/ddmenu/index.html

LG und danke nochmal

 

[Sven Mintel]

Würd mich freuen, wenn Ihr nochmal reinschauen könntet ;-)
http://www.glide-and-ride.de/test/ddmenu/index.html

LG und danke nochmal

Funktioniert bei mir alles gut, man kann in Ruhe auswählen

Das einzige, was mir noch aufgefallen ist: Wenn ich über einem Hauptpunkt bin, geht das Menu nach kurzem auch zu, das solltest du vielleicht noch versuchen zu Ändern.