Tom's Guide | Tom's Hardware | Tom's Games
 |
 |
 |
I am using Javascript to change the 'visibility' between 'visible' and 'hidden' of a DIV to cause it to display or not display.
It works great, except in IE, when the DIV displays over FORM INPUT/SELECT objects, the objects show thru.
The objects do not show thru in Firefox.
IMpossible to help without seeing some code: i.e. the javascript and the pertinent inline HTML.
Michael J
0 
I've been told from other sources that this is a known problem with IE. The only solution is to 'hide' the SELECT objects before displaying the DIV.
0
That's interesting since I can create a dynamic DIV over an input field in IE and id doesn't display that behaviour.
Michael J
0
IE 6.0.2900.2180
FireFox 1.5.01Using the code below:
in IE: the DIV does not hide the SELECT
in Firefox: I cannot see the SELECT because it's underneath the DIV (once I added a background-color)<html>
<head>
<style>
#divItemPopup {
position : absolute;
border : 1px solid black;
background-color : white;
}
</style>
<script type="text/javascript">
function showPopup()
{
obj = document.getElementById("divItemPopup")obj.style.top = 0
obj.style.left = 0
obj.visibility = "visible"
}
</script>
</head>
<body onload="showPopup()">
<br />
<select name="myselect" id="myselect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<div id="divItemPopup">
<br />
<br />
This is the popup
<br />
<br />
</div>
</body>
</html>
0
Ahh, I see. In your original post you stated that it did not work with "FORM INPUT/SELECT" so I tried it with an INPUT field and it worked. A SELECT and INPUT are two different things.
Michael J
0
My bad.
Originally I thought that INPUT (TEXT) fields were a problem. Later I realized that I didn't have any on the particular form that I'm working on, but forgot to change the question.
0  |
 |
 |
This post is quite old and has been locked from receiving new replies. Please create a new posting instead.
| Ads by Google |
