Hi,
Below is an example, I've removed as much of the code as possible so it demonstrates the problem and nothing else:
Click on the image (you won't have the image but it will still work) at the right-hand end of the first combo box (a list will pop up). Scroll down the list and look at the IE status text. It will write text everytime the SELECT mouseout fires. You can see that this event fires every time the pointer passes over one of the other images hidden underneath. As the pointer hasn't moved out of the SELECT I wouldn't expect the eventto fire. I can't see why it is! Hope somebody can help.
Many thanks,
Marek
<html>
<head>
<script language="JavaScript">
function ComboBox(name, items, value, width)
{
this.name = name;
this.width = width;
document.write("<div id='" + name + "'>");
document.write("<div>");
document.write("<input style='width:" + width + "px'>");
document.write("<img id='img" + name + "' src='graphics/dropdownbutton.gif' style='position:relative;top:3px;left:-2px' onclick='" + name + ".button_onclick();'>");
document.write("</div>");
document.write("<div style='position:absolute;display:none'>");
document.write("<select id='cbo" + name + "' size='10' onmouseover='" + name + ".combo_onmouseover();' onmouseout='" + name + ".combo_onmouseout();'>");
for(var i = 0; i < items.length; i++)
{
document.write("<option value='" + items[i] + "'");
if(items[i] == value)
{
document.write(" selected");
}
document.write(">" + items[i]);
}
document.write("</select>");
document.write("</div>");
document.write("</div>");
this.combobox = document.getElementById("cbo" + this.name);
this.button_onclick = button_onclick;
this.combo_onmouseover = combo_onmouseover;
this.combo_onmouseout = combo_onmouseout;
}
function combo_onmouseout()
{
window.status = event.srcElement.id + " SELECT mouseout event fired!";
}
function combo_onmouseover()
{
window.status="";
}
function button_onclick()
{
this.combobox.style.width = 315;
this.combobox.parentElement.style.display = "block";
this.combobox.focus();
}
</script>
<body>
<script language="JavaScript">
var items = new Array("a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z");
var combo1 = new ComboBox("combo1", items, "a", 300);
var combo2 = new ComboBox("combo2", items, "b", 300);
var combo3 = new ComboBox("combo3", items, "c", 300);
var combo4 = new ComboBox("combo4", items, "d", 300);
</script>
</body>
</html>