Pop up Problem
Question posted by: onlymukti4u
(Member)
on
July 4th, 2008 10:56 AM
Hi,
I am facing a problem in my page. When any popup I am displaying it is showing the below listboxe , Can anyone help me out in this regard. I can avoid it by using JavaScript to hide it when the popup will be there, but I want whether there is any other alternative rather than this...
Thanks in advance.
Regards,
Prasad
Would you like to answer this question?
Sign up for a free account, or Login (if you're already a member).
|
|
July 4th, 2008 11:15 PM
# 2
|
Re: Pop up Problem
Please provide your full mark up or a link to your test site.
Thanks,
{\_/}
(' . ')
(")[DEATH](")
(")(")
|
|
July 7th, 2008 09:25 AM
# 3
|
Re: Pop up Problem
I have given the code below where the listbox is coming above the popup.
Code: ( text )
<html> <head> <title>Method Two</title> <style> #layer { position: absolute; top: 10px; left: 0px; width: 220px; height: 100px; border: 1px solid black; background-color: #e4e4e4; padding: 10px; z-index: 11; opacity:10 } #iframe { position: absolute; top: 10px; left: 0px; width: 400px; height: 400px; z-index: 10; } </style> <script type="text/javascript"> function fun(){ document.getElementById("layer").style.visibility="visible"; document.getElementById("layer").style.display="block"; } function fun1(){ document.getElementById("layer").style.visibility="hidden"; document.getElementById("layer").style.display="none"; } </script> </head> <body bgcolor="#FFCC66"> <div id="layer" style="visibility:hidden; display:none"> <input name="" type="button" value="ok" onClick="fun1()"> </div> <select name="" style=" width:100px"></select> <select name="" style=" width:100px"></select> <select name="" style=" width:100px"></select> <input name="input" type="button" onClick="fun()" value="click Here"> </body> </html>
Last edited by acoder : July 8th, 2008 at 12:01 PM.
Reason: Added [code] tags
|
|
July 7th, 2008 04:25 PM
# 4
|
Re: Pop up Problem
Your code is working fine (as expected) with Firefox, Opera and Safari.
|
|
|
July 7th, 2008 05:49 PM
# 5
|
Re: Pop up Problem
What browser are you have the problem with? It appears the same in IE, Safari, FireFox, and Opera for me. If your "pop-up" isn't covering your select option then simply position it absolutely and increase the width.
Thanks,
{\_/}
(' . ')
(")[DEATH](")
(")(")
|
|
|
July 8th, 2008 03:46 AM
# 6
|
Re: Pop up Problem
I want the pop up should display there itself above the listboxes, but problem is the listboxes are visible above the popup. I am using IE6.
|
|
|
July 8th, 2008 03:48 AM
# 7
|
Re: Pop up Problem
I am checking in ie6 but in this the listboxes are displaying above the pop up, how come for you it is working fine, which version of ie you are using.
|
|
July 8th, 2008 12:02 PM
# 8
|
Re: Pop up Problem
onlymukti4u, as a full member now, you should know that we expect your code to be posted in [CODE] tags (See How to Ask a Question).
This makes it easier for our Experts to read and understand it. Failing to do so creates extra work for the moderators, thus wasting resources, otherwise available to answer the members' questions.
Please use the tags in future.
MODERATOR.
|
|
|
July 8th, 2008 12:04 PM
# 9
|
Re: Pop up Problem
Quote:
Originally Posted by onlymukti4u
I am checking in ie6 but in this the listboxes are displaying above the pop up, how come for you it is working fine, which version of ie you are using.
|
This is a common problem in IE6 where windowed controls appear above DHTML popups/divs. Either hide the select element/list-box or use a technique known as "iframe shimming".
Not the answer you were looking for? Post your question . . .
183,907 Experts ready to help you find a solution.
Sign up for a free account, or Login (if you're already a member).
|
|
|
Latest Articles: Read & Comment
Top HTML / CSS Forum Contributors
|
