Toon posts:

[JS] Event bubble mouseover/out divs

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hallo,

Ben nu al een paar dagen bezig met een scriptje voor een image mouseover, als je met je muis over het plaatje gaat komt er een doorzichtige balk bovenin met wat tekst (scriptaculous). Nu is alleen het probleem dat als je met je muis over de div met tekst gaat hij het als een mouseout even ziet. Wat dus niet zou moeten hij zou dit alleen moeten doen als je van de image afgaat.

voorbeeld:
http://www.gijs.com/ahum/

Uitleg:
http://www.thefutureofthe...bursting-the-event-bubble.

Mogelijk een andere oplossing die ik ook niet werkend krijg is met prototype een event listener maken:
code:
1
2
3
4
5
Event.observe(
  'image_2',
  'mouseover',
  function() {  Effect.Appear('imageinfo2', { duration: 1.0, to:0.7}); }
);


maar die ziet de "overlay" div ook als een mouseout event.

Iemand enig idee hoe dit is op te lossen.

Thanks

  • Rekcor
  • Registratie: Februari 2005
  • Laatst online: 08-10-2025
Wat is precies het probleem, ik heb naar je pagina gekeken en die lijkt goed te werken...

  • TeeDee
  • Registratie: Februari 2001
  • Laatst online: 14-02 14:23

TeeDee

CQB 241

offtopic:
maak van je <script> even <script type="text/javascript">

Edit: ik neem aan dat je al het e.e.a. een alert hebt gegeven (disapearo) om te zien welk event erin zit?
Verder nog even neuzen.

[ Voor 33% gewijzigd door TeeDee op 30-08-2006 17:18 ]

Heart..pumps blood.Has nothing to do with emotion! Bored


Verwijderd

Topicstarter
Dank je voor de reply's.

Ja nu werkt het wel eindelijk (niet zoals het hoort). Maar nu werkt i weer niet op de mac (firefox/safari) :? en daar moet hij ook goed op draaien. Heeft er iemand een mac en javascript skills zodat i mij kan vertellen waarom niet.

@rekcor had het een uurtje later met prototype voor elkaar op windows :)

Thanks

[ Voor 19% gewijzigd door Verwijderd op 31-08-2006 09:20 ]


Verwijderd

Topicstarter
Het schijnt alleen voor de wat "oudere" installatie niet te werken.