1.2 or 1.2.1? I have not had to do this with 1.2.1 so not sure if it inherently works there. But with 1.2 I had to modify the core file as suggested in the post in order for this scenario to work. Not sure if someone else has a better solution but that's what worked for me. Again, I was using 1.2 and I had to modify the core.
b On Mar 9, 12:17 pm, ksheurs <[email protected]> wrote: > i upgraded to 1.2 and the problem is still occurring :-/ > > On Mar 9, 11:57 am, fatanddelicious <[email protected]> wrote: > > > Hi Kevin... > > > Not sure which version of moo your using, but I had this exact same > > problem with 1.2 (haven't tried with 1.2.1). The following post by > > another group member solved my problem: > > >http://groups.google.com/group/mootools-users/browse_thread/thread/7d... > > > b > > > On Mar 9, 10:16 am, ksheurs <[email protected]> wrote: > > > > also i am using firefox 3.0.6 on a mac. > > > > safari seams to work correctly. > > > > On Mar 9, 10:14 am, ksheurs <[email protected]> wrote: > > > > > from the docs on mouseleave: "This event fires when the mouse leaves > > > > the area of the DOM Element and will not be fired if the mouse crosses > > > > over children of the Element (unlike mouseout)." > > > > > this is just the case with my example, except when i have a <select> > > > > element with <option>'s as a child element. the mouseleave event on > > > > the parent div is fired when i try to move my mouse over the options > > > > dropdown. > > > > > code example: > > > > > <div id="product" style="width:200px; height:200px;"> > > > > <div id="details" class="details" style="display:none; height: > > > > 200px;"> > > > > <h1>Example</h1> > > > > <select> > > > > <option>Color</option> > > > > <option>Red</option> > > > > <option>Blue</option> > > > > <option>Green</option> > > > > </select> > > > > </div> > > > > </div> > > > > > <script type="text/javascript"> > > > > window.addEvent('domready', function() { > > > > $('product').addEvents({ > > > > 'mouseenter': function() { > > > > $('details').show(); > > > > }, > > > > 'mouseleave': function() { > > > > $('details').hide(); > > > > } > > > > }); > > > > }); > > > > </script> > > > > > i have tried to capture the event and see if the target is the select, > > > > but the results are quite inconsistent. ive also tried removing the > > > > mouseleave event on select focus, and re-adding it on blur, but again > > > > this only work if the user fully blur's from that element before > > > > leaving the parent div. > > > > > any help would be greatly appreciated! > > > > > thanks, > > > > kevin
