Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Cannot hide my list box

Status
Not open for further replies.
Guest_imported

Guest_imported

New member
Jan 1, 1970
0
I am using DHTML layer function to do a expand and collapse table. The problem is i cannot hide list box in layer.

When i expand my table, the details and list box come out. But when i close it, the list box cannot hide in the layer.

I tried use another layer to cover the list box but not successful. Can someone help me solve the problem?
 
Sort by date Sort by votes
If you post the relevent code (the layer, list box, and functions, etc.), we can have a look through it. It might just be a small bug in your coding. "The surest sign that intelligent life exists elsewhere in the universe is that it has never tried to contact us"
Bill Watterson, Calvin & Hobbes
 
Upvote 0 Downvote
This was from a forum post a while ago.

I cant find the thread or author so....

<html>
<head>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<title>Error with Select tags</title>
<script language=&quot;JavaScript1.2&quot;>
<!-- Script Begin
function Toggle(e) {
if (document.all[&quot;testit&quot;].style.visibility == &quot;visible&quot;){
document.all[&quot;testit&quot;].style.visibility = &quot;hidden&quot;;
document.all[&quot;testdiv&quot;].style.visibility = &quot;visible&quot;;
e.value = &quot;Click to Show layer&quot;;
}else{
document.all[&quot;testit&quot;].style.visibility = &quot;visible&quot;;
document.all[&quot;testdiv&quot;].style.visibility = &quot;hidden&quot;;
e.value = &quot;Click to Hide layer&quot;;
}}
// Script End -->
</script>
</head>
<body>
<div id=&quot;testit&quot; name=&quot;TestIT&quot; style=&quot;position: absolute; top: 80; left: 20; visibility: hidden; z-index: 1000; height: 300px; width: 400px; background: #0066CC; font-family: sans-serif; font-size: medium; color: #FFFFFF&quot;>Is is not possible for me to get this layer on top of select tags<br>does anyone know about this problem ??<br>It's mayme IE ??</div>
<input type=&quot;button&quot; name=&quot;ChangeLayer&quot; onclick=&quot;Toggle(this);&quot; value=&quot;Click to Show layer&quot;>
<br><br><br>
test Area<br>
<div id=&quot;testdiv&quot; style=&quot;visibility: visible;&quot;>
<input type=&quot;text&quot; size=&quot;50&quot; value=&quot;This is only a input tag there will be hidden under the displayed layer&quot;><br>
<input type=&quot;radio&quot; size=&quot;50&quot;>This is only a input tag there will be hidden under the displayed layer<br>
<input type=&quot;checkbox&quot; size=&quot;50&quot;>This is only a input tag there will be hidden under the displayed layer<br>
<input type=&quot;button&quot; size=&quot;50&quot; value=&quot;This is only a input tag there will be hidden under the displayed layer&quot; ><br>
<br>This will underneath layer when it's displayed<br>
<select name=&quot;test&quot;>
<option>Its not possible to hide this under the displayed layer</option>
<option>To my knowledge, a select tag ignores z-index'es</option>
</select><br><br>
<select name=&quot;test&quot; style=&quot;z-index:2&quot; multiple size=&quot;4&quot;>
<option>Its not possible to hide this under the displayed layer even it is indexed</option>
<option>To my knowledge, a select tag ignores z-index'es</option>
</select>
</div>
</body>
</html>
 
Upvote 0 Downvote
Below is part of my code with list box

<script language=&quot;JavaScript&quot;>
document.write(collapse.divStart)
</script>
<div id=&quot;CollapseMenu0Block0&quot;>
<div id=&quot;CollapseMenu0Block0Item&quot;>
<table width=&quot;1000&quot; border=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; bordercolor=&quot;#FFFFFF&quot; bgcolor=&quot;#99ccff&quot;>
<tr>
<td width=&quot;57&quot;>
<div align=&quot;center&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><b>Facility
ID</b></font> </div>
</td>
<td width=&quot;75&quot;>
<div align=&quot;center&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><b>Type</b></font></div>
</td>
<td width=&quot;48&quot;>
<div align=&quot;center&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><b>CCY</b></font></div>
</td>
<td width=&quot;119&quot;>
<div align=&quot;center&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><b>Existing
Commitment</b></font></div>
</td>
<td width=&quot;93&quot;>
<div align=&quot;center&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><b>Outstanding
Amount </b></font></div>
</td>
<td width=&quot;116&quot;>
<div align=&quot;center&quot;><b><font size=&quot;2&quot; face=&quot;Verdana, Arial, Helvetica, sans-serif&quot;>Unutilised
Amount</font></b></div>
</td>
<td width=&quot;84&quot;>
<div align=&quot;center&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><b>Average
Utilisation<br>
(%)</b></font></div>
</td>
<td width=&quot;184&quot;>
<div align=&quot;center&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><b>Tenure</b></font></div>
</td>
<td width=&quot;73&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><b>BIS
Weighting<br>
(%) </b></font></td>
<td width=&quot;129&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><b>Remarks</b></font></td>
</tr>
<tr bgcolor=&quot;#CCFFFF&quot;>
<td width=&quot;57&quot; height=&quot;23&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><a href=&quot;javascript:collapse.toggle(0)&quot;>
TL 001 </a></font> </td>
<td width=&quot;75&quot; height=&quot;23&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;>Term
Loan </font></td>
<td width=&quot;48&quot; align=&quot;right&quot; bgcolor=&quot;#CCFFFF&quot; height=&quot;23&quot;>
<div align=&quot;center&quot;><font size=&quot;2&quot; face=&quot;Verdana, Arial, Helvetica, sans-serif&quot;>SGD</font>
</div>
</td>
<td width=&quot;119&quot; align=&quot;right&quot; height=&quot;23&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;>1,000,000</font></td>
<td width=&quot;93&quot; align=&quot;right&quot; height=&quot;23&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;>800,000</font></td>
<td width=&quot;116&quot; align=&quot;center&quot; height=&quot;23&quot;>
<div align=&quot;right&quot;><font size=&quot;2&quot; face=&quot;Verdana, Arial, Helvetica, sans-serif&quot;>200,000</font></div>
</td>
<td width=&quot;84&quot; align=&quot;center&quot; height=&quot;23&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;>80</font></td>
<td width=&quot;184&quot; align=&quot;center&quot; height=&quot;23&quot;> <font size=&quot;2&quot; face=&quot;Verdana, Arial, Helvetica, sans-serif&quot;>5
Years</font>
<input type=&quot;button&quot; name=&quot;Submit2&quot; value=&quot;Details&quot; onClick=&quot;window.open('kp_tenure_tl001.cfm','Tenure','height=210, width=450')&quot;>
</td>
<td width=&quot;73&quot; align=&quot;center&quot; height=&quot;23&quot;><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;>60</font></td>
<td width=&quot;129&quot; height=&quot;23&quot;>&nbsp;</td>
</tr>
</table>
</div>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jason.lex
  • Locked
  • Question
crop image to fit in a div box?
Replies
2
Views
165
jason.lex
jason.lex
tyutghf
  • Locked
  • Question
Hide div on input focus
Replies
2
Views
114
tyutghf
tyutghf
caykamanj1966
  • Locked
  • Question
Sorting a grid list using iframe associated with Google Drive
Replies
0
Views
183
caykamanj1966
caykamanj1966
tulsantide
  • Locked
  • Question
Populate values in a list box dynamically in HTA 1
Replies
5
Views
212
tulsantide
tulsantide
tulsantide
  • Locked
  • Question
Deselect values in list boxes
Replies
2
Views
153
c0deM0nK424
c0deM0nK424

Part and Inventory Search

Sponsor

Back
Top