May 27th, 2008, 12:00 PM
|
|
Contributing User
|
|
Join Date: Jul 2006
Posts: 253
Time spent in forums: 1 Day 3 h 56 m 21 sec
Reputation Power: 7
|
|
|
Div not hidding drop downbox
Hi,
Why my div statement when becomes visible hides everything except drop down box, what do I need to do to hide it as well?...thanks
Code:
<html>
<head>
</head>
<body>
<table>
<tr>
<td align="left">
<select name="list_count" >
<option value="25" selected="selected">25</option>
<option value="50" >50</option>
<option value="100" >100</option>
</select>
this is a text
</td>
<td><input type="text" name="fname" value="Mickey" />
</td>
</tr>
</table>
<a href="#" onclick= test()>Click</a>
<div id="hourglassConfirmation" style="DISPLAY: none">
<table border=1 height=100 width=500 cellpadding=0 cellspacing=0>
<tr><td bgcolor="FFFF99" align="center"><b>Search in progress, please wait ...</b></td>
</tr>
</table>
</div>
</body>
<script>
function test(){
document.getElementById("hourglassConfirmation").style.display="block";
}
</script>
<style>
#hourglassConfirmation {left:0; top:0px; height:100px; width:550px;
position:absolute; z-index:1;}
</style>
</html>
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
