Member Avatar for shaya4207

Hi guys/gals,

I have a menu with a div displaying onmouseover, and hiding onmouseout, it works great except in IE if I click on the <select> tag, it triggers the mouseout event, interestingly enough the same does not happen when I click on a text field..

Code Example:

<ul>
  <li onmouseover="show()" onmouseout="hide()">
    <div id="divToShow">
      <input type="text" /><br />
      <select>
        <option>hello</option>
        <option>bye</option>
      </select>
    </div>
  </li>
</ul>

This is obviously not the real code, it's just to give you an idea, I don't think I can post the real code, cuz it's really long and complicated...

P.S. I'm using the prototype framework, and I'd like to keep it that way if possible...

Thanx in advance

  • 2 Contributors
  • 4 Replies
  • 197 Views
  • 11 Hours Discussion Span
  • Latest Post Latest Post by shaya4207
Member Avatar for twiss

Perhaps you can set a select onclick handler that returns false?

Member Avatar for shaya4207

The thing is, that it doesn't happen when I click on the <select> , it happens when I hover over the <option>

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.