Hallo c0de,

ich habe mit der Idee von molily gute Erfahrung gemacht:

http://molily.de/temp/menu.html

Mein Mouseout sieht so aus:

if (window.Node && Node.prototype && !Node.prototype.contains)  
  Node.prototype.contains = function (arg) { return !!(this.compareDocumentPosition(arg) & 16); };  
  
xxx.onmouseout = function(e) {  
  e = e || window.event;  
  var toElement = e.relatedTarget || e.toElement || false;  
  if (!xxx.contains(toElement)) tu_was();  
  return false;  
}

Ich setze es bei meinen Schiebereglern ein:

http://www.j-berkemeier.de/Fouriersynthese.html

Gruß, Jürgen

Liebe(r) c0de,

ich habe selbst gerade eine Klapp-Navi gebastelt, in der ich auch dieses Problem lösen musste. Dabei habe ich letzten Endes einen "globalen" mousemove-Event benutzt (document.onmousemove), der selbsttätig feststellt, über welchem Element er hovert.

Dabei prüfe ich, ob das Zielelement (e.target || e.srcElement) innerhalb eines von mir definierten Vorfahrenelements stattfindet, indem ich das DOM von meinem Zielelement aus nach oben abklappere. Das kannst Du sicherlich auch.

Wenn Du nun über Deinem Bild hoverst, dann würde das Abklappern des DOM ja letzten Endes zu demselben Ergebnis führen (falls Dein Bild oder span ein Nachfahrenelement Deines div ist), sodass eben kein Ausblenden stattfindet.

Ich habe immer wieder die Erfahrung gemacht, dass man sich leichter tut, wenn man einen globalen Eventlistener definiert (also document.onmouse_irgendwas), als wenn man an viele Elemente einzelne Eventlistener ansetzt, die sich dann gegenseitig bekriegen.

Liebe Grüße,

Felix Riesterer.

Hallo c0de,

Sämtliche versuche ergeben bestenfalls ein undefined. Das jQuery event macht gleich überhaupt gar nichts...

Warum arbeitest du nicht einfach mit der hover()-Funktion von jQuery?

Gruß Gernot