menus work over form elements in IE6, but not IE5...

[aquaverse]

Can anyone help me out with this? Menus work over form elements (select boxes) in all browsers across all platforms, except IE5 and before...

[Ruth]

Hi,
You might have to use the divhider.js for these browsers. Thre's information about it in this post And, you can see it in Hiding Divs Sample#14

This is the way it's set up on that sample

Code: Select all

<SCRIPT language=JavaScript src="divhider.js" type=text/javascript></SCRIPT>
<br><br><br><br><br>

<div id=formdiv1 name=formdiv1  style="position:relative">

<form>
<select>
<option>Testing to see
<option>if the menu will
<option>sit on top of
<option>select boxes
</select>

<select>
<option>Testing to see
<option>if the menu will
<option>sit on top of
<option>select boxes
</select>

</form>

</div>

Then in the divhider.js file it has

Code: Select all

M_hideMenus = "Samples->formdiv1;milonic->formdiv1;"

You can download the sample, and you get the divhider.js file HERE

Ruth

[kevin3442]

Hi,

You could also consider using a menu to emulate a form select box. Since a menu has no problem opening over another menu, that might solve the design problem. Passing the selected data as part of a submitted form should also be no problem. You'll find a more detailed discussion and some examples here.

Cheers,

Kevin