Welcome to WebmasterWorld Guest from 174.129.135.89

Forum Moderators: not2easy

Message Too Old, No Replies

drop down menu, wont stay open, how to fix?

   
7:34 am on Jan 19, 2014 (gmt 0)



I am trying to build a drop down menu that when you hover over an image it drops down the widget thingy to select stuff. the book now button I just flogged off internet and linked to it.
that works ok. but.
when you select something from the drop down menu that goes beyond the bottom of the div its in the whole thing closes.
I don't want this to happen.
but I do want it to close if someone hovers over it then takes mouse away or clicks elsewhere or hovers over something else so its not always there on screen when you don't want it to be.
anyone know how to fix? been working on it for a couple hours now with no luck.
heres the code for it.
[jsfiddle.net...]
7:33 pm on Jan 19, 2014 (gmt 0)

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month



You would need to include the css that you are trying to fix if you want suggestions.
1:27 am on Jan 20, 2014 (gmt 0)



css is there, just one line for now. weird thing, it wont work in internet explorer but it works in chrome I just noticed.
4:14 pm on Jan 20, 2014 (gmt 0)

WebmasterWorld Senior Member swa66 is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Ah doesn't work in IE ... what versions of IE doesn't it work in ?
And fwiw: code posted elsewhere, we don't do that out here: it can change, go away etc. making the entire thread useless. See guidelines.
7:22 pm on Jan 20, 2014 (gmt 0)

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member



<select>
elements are "special" ... I will tell you right now that there is no way you can get this to work in all browsers as-is while maintaining use of
<select>
dropdowns.

Even though the
<select>
is a child of
#quotewrap
, mousing over any of the options in the actual dropdown will trigger
mouseleave
.

I'm sorry, but you need to find a different solution to replace your
<select>
s, or else a different trigger for closing the flyout.
9:30 pm on Jan 20, 2014 (gmt 0)



ive given up on this, thanks anyway. not going to work as planned.