Witam!

Załóżmy, że mam taki kod:

[HTML] pobierz, plaintext 
<div style="width: 300px; height: 300px;" id="element">
	<div style="width: 200px; height: 200px;">
		<div style="width: 100px; height: 100px;">
		</div>
	</div>
</div>
[HTML] pobierz, plaintext 

No i do diva o id "element" przypisuję zdarzenia onmouseover i onmouseover:

[PHP] pobierz, plaintext 
document.getElementById('element').onmouseover = function()
{
	//coś tam robi...
}
 
document.getElementById('element').onmouseout = function()
{
	//coś tam robi...
}
[PHP] pobierz, plaintext 

No i po najechaniu na diva jest normalnie działa, jednak po najechaniu na diva w tym głównych divie wywoływane są na nowo zdarzenia onmouseout i onmouseover. Wiem, że można to wyłączyć poprzez zastosowanie stopPropagation(), jedak, gdy znajdujemy się w obszarze 1 diva, a w tym miejscu przy okazji są te inne divy to wywoływane jest zdarzenie onmouseout. Ja bym chciał, aby na całym elemencie działało onmouseover i onmouseout bez względu na to, czy są w nim jakieś inne divy, czy nie.

Wie ktoś, jak to obejść?
Pozdr.

Można to rozwiązać za pomocą zdarzeń mouseenter i mouseleave.

Ale to chyba nie w czystym JavaScripcie ?

O jQuery to ja też już myślałem.
Chyba to jedyne wyjście...

To, że są takie zdarzenia w JQ to ja wiem, jednak nie chcę stosować tej biblioteki. W sumie nawet spojrzałem w kod tych funkcji, jednak nic z nich nie rozumiem :E

Ale skoro zrobiło to JQuery to normalnie też się musi jakoś dać

Dobra panowie, napisałem funkcję, która działa tak, jak mi zależało Oblicza położenie i wymiary diva i jeżeli kursor jest w divie to aktywuje jedną funkcję, jeżeli wyjedzie to aktywuje drugą. Nie wiem, czy komuś się przyda, ale wstawiam na wszelki wypadek: http://wklej.org/id/733429/

Wywołujemy tak:

[PHP] pobierz, plaintext 
document.getElementById("jakis_div").hover(function()
{
	alert("Jesteś w divie");
}, function()
{
	alert("Jesteś poza divem");
});
[PHP] pobierz, plaintext 

Pozdrawiam serdecznie

Zamiast obliczania pozycji kursora ja bym sprawdził w DOM czy hoverowany element nie jest dzieckiem innego. Wtedy można by podjąć decyzję czy wykonać kod czy nie.

Operuje się tylko na zdarzeniach. Nie chce samemu teraz pisać, ale to wydaje się solidnie zrobione: http://blog.stchur.com/2007/03/15/mouseent...on-ie-browsers/

No właśnie to po wjechaniu na element w elemencie to wywołuje się zdarzenie zjechania. Nawet jeżeli jakoś to obejść to nie zawsze przeglądarka wyłapuje najechanie, jeżeli powierzchnia pod spodem nie jest wystarczająca dużo, a kursorem śmiga się zbyt szybko.




Z tego co widzę tu chodzi o to, czy dany element jest tym głównym elementem, czy jest dzieckiem. Ogarnę to trochę bardziej i napiszę co z tego wyszło, bo w sumie ten kod, co podałem wcześniej nie działa też za dobrze :E

Dobra panowie, dzięki za pomoc, już wszystko działa jak należy
Końcowa funkcja: http://wklej.org/id/737025/

Jeszcze raz dzięki wielkie

Dodam, że HTMLElement.prototype nie działa pod IE.... niestety
I jeszcze zamiast wymuszać na funkcjach użycia jako pierwszego parametru this:
polecam użyć apply lub apply

A tak to wygląda na szybko, że jest ok.

U mnie działa




Eee... co? :E

Dobra, już wiem Nawet nie widziałem o tym, dzięki

To zależy czy chcesz obsługiwać starsze przeglądarki IE. Nie pamiętam dokładnie( musisz sprawdzić ), ale chyba dopiero IE9 wspiera HTMLElement. IE7 na pewno nie, a IE8 właśnie nie pamiętam.

Jeżeli coś działa na najnowszej wersji przeglądarki to zazwyczaj nie przejmuję się jej starszymi wersjami

I chwała Ci za to. Niestety klienci czasami chcą i koniec.