[html]onmouse event bij een table

[SinergyX]

Ik ben bezig met wat leuke effecten in een table met plaatjes, nu wil ik dus wat plaatjes resetten als je met de muis uit de table gaat.

ik gebruik:

code:

<table border=0 *codes* onmouseout="plaatje1.src='default.gif';plaatje2.src='default.gif'">

de plaatjes krijgen een andere .src door op een plaatje(item) in de table te klikken, dat werkt goed.

code:

<a href=# onclick="plaatje1.src='ander.gif';plaatje2.src='ander.gif'">[img]default.gif></a[/img]

Maar ga ik nu van het plaatje(item) af wordt meteen de plaatje1.src en plaatje2.src gereset naar 'default.gif', terwijl ik nog niet uit die table ben geweest.

(nb table bestaat uit 4 rijen, elke rij 2 plaatjes, waar de onderste rij dus kan veranderen en de bovenste 3 de plaatjes in rij 4 kunnen laten wisselen).

Ik heb al geprobeerd een <div> te gebruiken om de table met die onmouseout code, maar dit resulteerd in hetzelfde. Iemand een goede oplossing?

[.oisyn]

P&W FAQ - HTML / javascript / css, etc...

PW -> WG

[crisp]

dat heet eventbubbling; een mouseout op een willekeurig element bubbled vanuit z'n parents omhoog naar het uiteindelijke element waarop de mouseout plaatsvond; daarbij komt hij dus ook de table tegen hoewel dat niet het source element is