Witam,

Mamy dwa elementy HTML, które przesłaniają siebie. Jak spowodować aby
ten nachodzący nie blokował zdarzeń myszy dla elementu pod nim? Oba
elementy mają wspólnego rodzica i są pozycjonowane absolutnie. Czyli:

<section>
<div id="przesloniety"></div>
<div id="przeslaniajacy"></div>
</section>

Zmiana zIndex nie wchodzi w grę. Zagnieżdżanie ich w sobie również nie.

--
Pozdrawiam
Marek

do góry

Problem rozwiązany.

--
Pozdrawiam
Marek

do góry

odpierdoliłeś focha?

do góry

W dniu 2013-11-02 17:25, inny punkt siedzenia... pisze:
> odpierdoliłeś focha?

Że co niby??? Czy to jest adresowane oby na pewno do mnie?

--
Pozdrawiam
Marek

do góry

skoro już się pochwaliłeś to wypadało by napisać jak sobie poradziłeś...

do góry

W dniu 2013-11-02 19:40, inny punkt siedzenia... pisze:
> skoro już się pochwaliłeś to wypadało by napisać jak sobie poradziłeś...
>

Następnym razem pisz jaśniej.

Generalnie w JS nie ma niestety czegoś takiego jak możliwość
zamaskowania zdarzeń myszy dla elementu przykrywającego inny. Zawsze
jest tak, że jeśli dwa elementy nie są zagnieżdżone i nachodzą na
siebie, to ten na górze przechwyci zdarzenia myszy a dolny się o nich
nie dowie. Pozostaje jedynie ręcznie oprogramować taką sytuację. Robimy
to tak:

- określamy pozycję na ekranie elementu dolnego
- przechwytujemy zdarzenia na górnym elemencie
- jeśli koordynaty myszy (event.clientX/Y) pokrywają się z obszarem
elementu dolnego, to albo w tym miejscu zaczynamy obsługę tych zdarzeń
albo symulujemy to zdarzenie w elemencie dolnym przekazując parametry
- jeśli element górny jest większy od dolnego to zdarzenia
onmouseover/out będą generowane w niewłaściwym miejscu na ekranie - poza
obszarem elementu dolnego. Jest na to obejście. Przechwytujemy
onMouseMove, sprawdzamy czy wchodzimy w obszar dolnego elementu i jeśli
tak, to generujemy/symulujemy zdarzenie onMouseOver. Ustawiamy semafor
blokujący możliwość wielokrotnego generowania tego zdarzenia w takt
poruszania się myszą. Gdy opuścimy obszar dolnego elementu - generujemy
onMouseOut i przestawiamy w/w semafor.

Generalnie jest to droga przez księżyc ale sprawuje się dobrze.

--
Pozdrawiam
Marek

do góry

W dniu 2013-11-02 17:25, inny punkt siedzenia... pisze:
> odpierdoliłeś focha?

Ale słoma z butów.

--
Cezary Tomczyk
http://www.ctomczyk.pl/

do góry

W dniu 2013-11-02 10:58, Marek pisze:
> Mamy dwa elementy HTML, które przesłaniają siebie. Jak spowodować aby
> ten nachodzący nie blokował zdarzeń myszy dla elementu pod nim? Oba
> elementy mają wspólnego rodzica i są pozycjonowane absolutnie. Czyli:
>
> <section>
> <div id="przesloniety"></div>
> <div id="przeslaniajacy"></div>
> </section>
>
> Zmiana zIndex nie wchodzi w grę. Zagnieżdżanie ich w sobie również nie.

http://caniuse.com/#search=pointer-events


--
Pozdrawiam,
Paweł "PablO" Piskorz

do góry

W dniu 2013-11-05 15:44, Paweł Piskorz pisze:
>
> http://caniuse.com/#search=pointer-events
>

Czytałem o tym. Niestety z uwagi na IE to śpiewka przyszłości :-(

--
Pozdrawiam
Marek

do góry

W dniu 2013-11-05 23:47, Marek pisze:
> W dniu 2013-11-05 15:44, Paweł Piskorz pisze:
>>
>> http://caniuse.com/#search=pointer-events
>>
>
> Czytałem o tym. Niestety z uwagi na IE to śpiewka przyszłości :-(

Dlaczego? IE10 ma MSPointerEvent a IE11 PointerEvent bez prefiksu:
http://msdn.microsoft.com/en-us/library/windows/apps
/hh441233.aspx

--
Cezary Tomczyk
http://www.ctomczyk.pl/

do góry