JavaScrip or jQuery help

4 replies
This theme is no longer supported even though it's pretty new http://my-horse.com.au/ . At the top of the page when you hover on the search icon a search area drops down and shows a search area with a few select boxes.
The issue only exists in IE (hahah) as far as I've seen. I've tried a few things using JS to fix the issue, but I'm not very good with it. What happens is when you click the select box and hover over anythin in the dropdown list, the whole search area slides back up.
This is some of the different scripts I've tried without any results yet.

http://pastebin.com/jZiMFE4N

and this is the jQuery that I think controls the search area

http://pastebin.com/m3J9DLNH

Can anyone help me with where I might be going wrong or point me in the right direction?

My idea is something like this -

onFocus = get.elementId('search select') then something that tells the css for #search-hover to set the height to 281px

something that will run through the whole site easy enough

Thank you!
#javascrip #jquery
  • Profile picture of the author aesoft
    what's the url with the problem?
    {{ DiscussionBoard.errors[9091511].message }}
  • Profile picture of the author otfromtot
    This is an answer on stackoverflow that worked almost perfect.
    I believe there is already some code in the plugin to try and correct this issue. Unfortunately, the code tries to detect IE and fails as the detection method is no more working with recent versions of IE.

    Try and update the code navigator.userAgent.toLowerCase().indexOf("msie") != -1 in searchShowOnHover with navigator.userAgent.toLowerCase().indexOf("trident/") != -1
    The only issue now is that leaving the search area does not trigger the search area to go back up like it does in other browsers
    {{ DiscussionBoard.errors[9092468].message }}
  • {{ DiscussionBoard.errors[9092601].message }}

Trending Topics