selfhtml.de - Alles für den Webmaster!

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

Befindet sich der Mauszeiger in einem Div?

Autor: redfusion83
Datum: 22.02.2010 23:42:24

Hi,

erstmal sorry falls zu diesem Thema schon was geschrieben worden ist. Ich habe die Suchfunktion benutzt, konnte aber nichts finden, was genau meinem Problem entspricht, dabei ist es eigentlich ganz einfach.

Ich habe einen div-Container mit verschiedenen Elementen darin (H1, andere divs, Grafiken, Links, ...). Verlässt der User den DIV, soll dieser ausgeblendet werden - das frage ich mit onmouseout ab.

Das Problem ist nun, dass das Event auch dann getriggert wird, wenn man den Mauszeiger über ein Kindelement bewegt. Dabei handelt es sich nicht um Event-Bubbling, das habe ich mit nem alert schon getestet, es ist also wirklich der div-Layer, der das Event auslöst.

Ich ging also davon aus, dass die Bereiche der Kind-Elemente  nicht mehr zum div selbst dazugehören und dass deshalb das Event ausgelöst wird.

Einfach Lösung: einen unsichtbaren div mit der gleichen größe wie der sichtbare drüberlegen und diesem den Event-Handler verpassen. Funktioniert auch. Dummerweise kann ich das so nicht machen, weil der sichtbare div auch Links enthält, die man dann nicht mehr anklicken kann.

Hat jemand vielleicht eine Idee, wie ich das Problem lösen kann?

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

Re: Befindet sich der Mauszeiger in einem Div?

Autor: SaschaPall
Datum: 24.02.2010 23:10:58

Hi!

kannst du bitte mal den elementaren Quelltext posten, damit man sich dein Problem mal ansehen kann?
Das wär super!

MfG Sascha ;-)

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

Re: Befindet sich der Mauszeiger in einem Div?

Autor: reporter
Datum: 25.02.2010 09:47:12

Hallo,

ist ausnahmsweise nicht notwendig. Dieses Problem läßt sich mit einer einfachen Konstruktion nachstellen.

Zumindest mir fällt in moment keine Lösung ein.

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

Re: Befindet sich der Mauszeiger in einem Div?

Autor: reporter
Datum: 25.02.2010 14:31:53

Hallo,

möchtest du etwas ähnliches haben wie bei http://www.n-tv.de/technik/test/DSL-Anbieter-enttaeuschen-article747069.html (unterstichene Wörter)?

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

Re: Befindet sich der Mauszeiger in einem Div?

Autor: PointedEars
Datum: 05.03.2010 21:01:14

> Ich habe einen div-Container mit verschiedenen
> Elementen darin (H1, andere divs, Grafiken,
> Links, ...). Verlässt der User den DIV, soll
> dieser ausgeblendet werden - das frage ich mit
> onmouseout ab.
>
> Das Problem ist nun, dass das Event auch dann
> getriggert wird, wenn man den Mauszeiger über ein
> Kindelement bewegt. Dabei handelt es sich nicht
> um Event-Bubbling, das habe ich mit nem alert
> schon getestet, es ist also wirklich der
> div-Layer, der das Event auslöst.
>
> Ich ging also davon aus, dass die Bereiche der
> Kind-Elemente  nicht mehr zum div selbst
> dazugehören und dass deshalb das Event ausgelöst
> wird.

Zumindest im MSHTML-DOM ist das (leider) so.

> Einfach Lösung: einen unsichtbaren div mit der
> gleichen größe wie der sichtbare drüberlegen und
> diesem den Event-Handler verpassen. Funktioniert
> auch. Dummerweise kann ich das so nicht machen,
> weil der sichtbare div auch Links enthält, die
> man dann nicht mehr anklicken kann.
>
> Hat jemand vielleicht eine Idee, wie ich das
> Problem lösen kann?

Lass den Unfug mit dem "unsichtbaren" (Du meinst wohl transparenten?) DIV, und beschäftige Dich mit der relatedTarget-Eigenschaft (W3C-DOM) bzw. den srcElement-/fromElement-/toElement-Eigenschaften (MSHTML-DOM) von Mouse-Event-Instanzen.

Ein Beispiel findest Du unten verlinkt.


PointedEars

• hoverMe