|
|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Display Modes |
|
|
|
SlickEdit: Code in over 40 languages across 7 platforms. SlickEdit’s unmatched power, speed, and flexibility allows even the most accomplished developers to write better code faster. Download a free trial today! |
|
#1
|
|||
|
|||
|
JS Mouseover /Combo box problem
I'm using some JS mouseover dropdown menus but if I have a combo box directly below a menu header the combo box will block out one of the drop down options. Does anyone know a way round this?
Createpopup only works on IE 5.5 and over which rules me out as all the users can't be guranteed to be using this plus hiding the combo boxes will mean around 10 boxes disappearing from the screen everytime someone touches the menu - this is frustrating! |
|
#2
|
|||
|
|||
|
Simply put - you're out of luck. Well, not quite. This is something you must plan for when you decide to use such a DHTML menu. SELECT boxes basically have an infinite z-index. If IE popups overlay the select box properly, then you can use them (conditionally) to help the vast majority of users. With older versions of IE and NEtscape, however, this issue involves all form elements and not just SELECT elements. So test in those browsers as well.
Another solution is if you can put the troublesome select(s)/element(s) in a div for which you toggle the DISPLAY CSS property on the same events that trigger the DHTML menu. Not all designs will allow for that possibility, however, which is why I say this is something you must always plan for when implementing menus like that. Also beware of the infinite z-index of flash and other objects inserted into an otherwise HTML page. |
|
#3
|
||||
|
||||
|
Hey Ciaran26, infuture, please do not double post. I've deleted this thread that u posted under ASP.
Anyhoo, - here's a way around your problem that people have been using for years. What you have to do is HIDE (e.g. "document.form.dropdown.visible = true") your drop downs when triggering your menu. It's a fairly simple exercise, tho needs to be coded for a few diff versions of browsers, as the implementation are different on NS, IE, etc... |
|
#4
|
|||
|
|||
|
Please elaborate
Hi Dough
Your solution -- "put the troublesome select(s)/element(s) in a div for which you toggle the DISPLAY CSS property on the same events that trigger the DHTML menu." I am not able to solve the problem, probably I am not getting it right. Can you please elaborate on the same little more for me. Main thing is I dont want to hide the combo boxes. Regards Santosh. |
![]() |
| Viewing: Dev Articles Community Forums > Programming > JavaScript Development > JS Mouseover /Combo box problem |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|