RE: DHTML Menus and Form Objects

[Matt Raible]

I've used the following javascript function to hide selects and checkboxes. 
I've tested it with "standards-compliant" browsers
(http://archive.webstandards.org/upgrade) and it works great.

/* Function to hide form elements that show through
   the search form when it is visible */
function toggleForm(frmObj, iState) // 1 visible, 0 hidden 
{
for(var i = 0; i < frmObj.length; i++) {
if (frmObj.elements[i].type.indexOf("select") == 0 ||
frmObj.elements[i].type.indexOf("checkbox") == 0) {
frmObj.elements[i].style.visibility = iState ? "visible" :
"hidden";
}
} 
}

Hope this helps,

Matt

--- [EMAIL PROTECTED] wrote:
> I think the layer thing works in very new versions of IE (newer than IE5 --
> maybe starting with 5.5?). Back when I was looking at such things, the only
> solution I could find for IE 5 was to hide the offending form elements when
> the show menu function is fired. Kind of clunky, but that's exactly what
> Microsoft used to do on their site.
> 
> Netscape/Mozilla is another story altogether. 
> 
> 
> -Original Message-
> From: John M. Corro [mailto:[EMAIL PROTECTED]]
> Sent: Wednesday, March 06, 2002 10:37 AM
> To: [EMAIL PROTECTED]
> Subject: OT: DHTML Menus and Form Objects
> 
> 
> This is off topic from Struts, but I was wondering if anyone else has run
> into this
> 
> If you have one of those DHTML/JS pulldown menus, it'll get hidden behind
> specific types of form objects (mostly select boxes).  I've scoured google
> to see how to get around this and the only posts I've seen (that don't say
> "you're SOL" - which is most of them) that have any constructive input say
> to surround the form object w/ a div tag and to set the z-index property to
> something very low, then to set your DHTML/JS menu to something very high.
> The idea being that the form objects are assigned a lower z index than the
> menu so the menu should display over all the form object elements.  
> 
> I've tried that w/ the following statement:  and
> wasn't able to get it to work.  I've tried surrounding the entire form and
> just the offending form element, but neither way has worked.  Has anyone
> been able to effectively make this type of workaround work?
> 
> I'm using HierMenus from www.dhtml.com on a W2k box w/ IE 5.
> 
> John M. Corro
> Cornerstone Consulting
> 414.212.3500
> 


__
Do You Yahoo!?
Try FREE Yahoo! Mail - the world's greatest free email!
http://mail.yahoo.com/

--
To unsubscribe, e-mail:   
For additional commands, e-mail: 

Re: DHTML Menus and Form Objects

[John M. Corro]

Mark, you thank ; ) .guess I had it backwards...I was using a Netscape
reference

http://developer.netscape.com/docs/manuals/htmlguid/tags12.htm#1701758

Gave the div tags a try again w/ the corrected z-index, but unfortunately no
go. Thanks again, Markor is it Mark, again thanks?



- Original Message -
From: "Galbreath, Mark" <[EMAIL PROTECTED]>
To: "'Struts Users Mailing List'" <[EMAIL PROTECTED]>
Sent: Wednesday, March 06, 2002 9:45 AM
Subject: RE: DHTML Menus and Form Objects


> It's the opposite, John.  The lower the z-index, the more foreground
> preference the object has.  I like the "SOL" idiom, too.  :-)
>
> Mark
>
> -Original Message-
> From: John M. Corro [mailto:[EMAIL PROTECTED]]
> Sent: Wednesday, March 06, 2002 10:37 AM
>
> If you have one of those DHTML/JS pulldown menus, it'll get hidden behind
> specific types of form objects (mostly select boxes).  I've scoured google
> to see how to get around this and the only posts I've seen (that don't say
> "you're SOL" - which is most of them) that have any constructive input say
> to surround the form object w/ a div tag and to set the z-index property
to
> something very low, then to set your DHTML/JS menu to something very high.
> The idea being that the form objects are assigned a lower z index than the
> menu so the menu should display over all the form object elements.
>
> --
> To unsubscribe, e-mail:
<mailto:[EMAIL PROTECTED]>
> For additional commands, e-mail:
<mailto:[EMAIL PROTECTED]>
>
>
>


--
To unsubscribe, e-mail:   <mailto:[EMAIL PROTECTED]>
For additional commands, e-mail: <mailto:[EMAIL PROTECTED]>

RE: DHTML Menus and Form Objects

[Galbreath, Mark]

I forgot...check out the instructors' websites at

http://staff.westlake.com/

There is a SL of DHTML stuff there.

Mark

-Original Message-
From: Galbreath, Mark 
Sent: Wednesday, March 06, 2002 10:46 AM

It's the opposite, John.  The lower the z-index, the more foreground
preference the object has.  I like the "SOL" idiom, too.  :-)

Mark

-Original Message-
From: John M. Corro [mailto:[EMAIL PROTECTED]]
Sent: Wednesday, March 06, 2002 10:37 AM

If you have one of those DHTML/JS pulldown menus, it'll get hidden behind
specific types of form objects (mostly select boxes).  I've scoured google
to see how to get around this and the only posts I've seen (that don't say
"you're SOL" - which is most of them) that have any constructive input say
to surround the form object w/ a div tag and to set the z-index property to
something very low, then to set your DHTML/JS menu to something very high.
The idea being that the form objects are assigned a lower z index than the
menu so the menu should display over all the form object elements.

--
To unsubscribe, e-mail:

For additional commands, e-mail:


--
To unsubscribe, e-mail:   
For additional commands, e-mail: 

RE: DHTML Menus and Form Objects

[Galbreath, Mark]

It's the opposite, John.  The lower the z-index, the more foreground
preference the object has.  I like the "SOL" idiom, too.  :-)

Mark

-Original Message-
From: John M. Corro [mailto:[EMAIL PROTECTED]]
Sent: Wednesday, March 06, 2002 10:37 AM

If you have one of those DHTML/JS pulldown menus, it'll get hidden behind
specific types of form objects (mostly select boxes).  I've scoured google
to see how to get around this and the only posts I've seen (that don't say
"you're SOL" - which is most of them) that have any constructive input say
to surround the form object w/ a div tag and to set the z-index property to
something very low, then to set your DHTML/JS menu to something very high.
The idea being that the form objects are assigned a lower z index than the
menu so the menu should display over all the form object elements.

--
To unsubscribe, e-mail:   
For additional commands, e-mail: 

RE: DHTML Menus and Form Objects

[Assenza, Chris]

To the best of my knowledge there is no workaround, it's a "feature" of
today's browsers. No amount of finagling z-indexes is going to help.  

A viable option that Microsoft implemented was to hide (as in hide the
layer) the select boxes whenever a menu came in contact with one, then to
unhide it when the menu was gone.  It's a little more trouble then it is
worth to implement and not the most reliable of solutions.

Just another reason not to use drop-downs on a web page actually. 
This stupid bug has been a thorn in my side before. :\  Shame really,
drop-downs nice for application development. 

Here's a link to one guys experience with this back in IE4 days. 
http://www.wdvl.com/Authoring/DHTML/Menus/des.html

-Chris Assenza

-Original Message-
From: John M. Corro [mailto:[EMAIL PROTECTED]]
Sent: Wednesday, March 06, 2002 10:37 AM
To: [EMAIL PROTECTED]
Subject: OT: DHTML Menus and Form Objects


This is off topic from Struts, but I was wondering if anyone else has run
into this

If you have one of those DHTML/JS pulldown menus, it'll get hidden behind
specific types of form objects (mostly select boxes).  I've scoured google
to see how to get around this and the only posts I've seen (that don't say
"you're SOL" - which is most of them) that have any constructive input say
to surround the form object w/ a div tag and to set the z-index property to
something very low, then to set your DHTML/JS menu to something very high.
The idea being that the form objects are assigned a lower z index than the
menu so the menu should display over all the form object elements.  

I've tried that w/ the following statement:  and
wasn't able to get it to work.  I've tried surrounding the entire form and
just the offending form element, but neither way has worked.  Has anyone
been able to effectively make this type of workaround work?

I'm using HierMenus from www.dhtml.com on a W2k box w/ IE 5.

John M. Corro
Cornerstone Consulting
414.212.3500

--
To unsubscribe, e-mail:   
For additional commands, e-mail: 

RE: DHTML Menus and Form Objects

[ltorrence]

I think the layer thing works in very new versions of IE (newer than IE5 --
maybe starting with 5.5?). Back when I was looking at such things, the only
solution I could find for IE 5 was to hide the offending form elements when
the show menu function is fired. Kind of clunky, but that's exactly what
Microsoft used to do on their site.

Netscape/Mozilla is another story altogether. 


-Original Message-
From: John M. Corro [mailto:[EMAIL PROTECTED]]
Sent: Wednesday, March 06, 2002 10:37 AM
To: [EMAIL PROTECTED]
Subject: OT: DHTML Menus and Form Objects


This is off topic from Struts, but I was wondering if anyone else has run
into this

If you have one of those DHTML/JS pulldown menus, it'll get hidden behind
specific types of form objects (mostly select boxes).  I've scoured google
to see how to get around this and the only posts I've seen (that don't say
"you're SOL" - which is most of them) that have any constructive input say
to surround the form object w/ a div tag and to set the z-index property to
something very low, then to set your DHTML/JS menu to something very high.
The idea being that the form objects are assigned a lower z index than the
menu so the menu should display over all the form object elements.  

I've tried that w/ the following statement:  and
wasn't able to get it to work.  I've tried surrounding the entire form and
just the offending form element, but neither way has worked.  Has anyone
been able to effectively make this type of workaround work?

I'm using HierMenus from www.dhtml.com on a W2k box w/ IE 5.

John M. Corro
Cornerstone Consulting
414.212.3500