Welcome to WebmasterWorld Guest from 107.20.54.98

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)

New User

joined:Sept 18, 2013
posts:30
votes: 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)

Moderator This Forum from US 

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:2557
votes: 48


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)

New User

joined:Sept 18, 2013
posts:30
votes: 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)

Senior Member

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

joined:Aug 7, 2003
posts:4783
votes: 0


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)

Senior Member

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

joined:Mar 15, 2002
posts:6807
votes: 0


<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)

New User

joined:Sept 18, 2013
posts:30
votes: 0


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

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members