DHTML Menu Problems w/ Select Boxes

[rizza]

WARNING...This is a really wierd post

Are intranet site template and menu system was built by a consulting group. Since day one we have had a problem with our select boxes always looking wierd on are pages. I was told that it had something to do with our DHTML menu.

I finally got around to looking at this and noticed the company that built the menu appears to have added some kind of "quick-fix" at the end of their .js file to work with select statements.

Here is what they say...
1) To support climbing over SELECT elements, the ddright.gif file should be placed in the site root directory. Otherwise, SELECT elements will look stupid.

This is listed under special notes and warnings. Then when i go to end of the script this is coded in their.

CODE FOR CLIMBING OVER SELECT ELEMENTS (by hiding and replacing them with fake things that look like SELECT elements)

Then they go onto to perform all these functions based around select boxes.

Here are the comments next to the functions they have coded.
//* Pre-builds a bunch of fake SELECT things that look like SELECT elements but really aren't.
// If possible, use the onload event to prebuild our faux SELECT elements.
// Hides all the select elements in the select_ids array.
//Shows all the select elements in the select_ids array.
//Conputes the element's offsetTop relative to BODY.
// Conputes the element's offsetLeft relative to BODY.
// Returns true iff the first element is contained in the second element.


My question is what reasoning do you see behind having to do something with only the select boxes. If this menu is using layers, why would have to do anything with SELECT boxes...

Anybody enlighten me.

Thanks,

bRian Ridsdale

P.S. I know this is a weird post. If anybody wants to see all the code let me know, i just didnt want to post it all here.

 

[RISTMO]

<select> boxes are not like normal HTML elements. Instead, they act as separate windows. To make menus appear over them, you will have to make the <select>s invisible when the menu is dropped down. You can do this by adding this to your function that pops-up the menu:

document.getElementById('select_box_id').style.visibility='none';

and then this to your function that closes it:

document.getElementById('select_box_id').style.visibility='';

Rick