Disappearing Dropdown Box

**grnzbra** · grnzbra, August 11th, 2009 10:05 AM

I have an HTML application that contains three tables. One of the tables has five cells in a row. The first three cells contain dropdown boxes, the fourth contains an input box and the fifth contains a button. The first dropdown box has its options loaded from an array by vbscript. The second and third have their options hard coded with HTML.

When this page is displayed and someone scrolls down, the tables all move up, but the three dropdown boxes remain in place and disappear as the bottom border of the cell passes over them. If the person then scrolls up, the dropdown boxes reappear, but contain nothing and, in fact, have transparent backgrounds. The input box and the button move up and down as expected as does everything else on the page.

What is happening here?

**richyrich** · richyrich, August 11th, 2009 10:09 AM

Could you post your code please, including any css?

**grnzbra** · grnzbra, August 11th, 2009 10:33 AM

Code:

<html>
<head>
<title>Office Profiler</title>
 
<HTA:APPLICATION 
ID="objHTAHelpomatic"
APPLICATIONNAME="Office_Profiler"
SCROLL="yes"
SINGLEINSTANCE="yes"
WINDOWSTATE="normal"
>
<style>
.head {font-family: Verdana;
font-weight: bold;
color: white;
background: #006633;}
</style>
 
</head>
 
<body style='FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#DFFFFF, EndColorStr=#00CC33)'>
<center>
 
<h2>Office Profile Adjuster for Remote Sites</h2>
 
<table border='1' width='97%' bgcolor='white'>
<tr>
<td align='center'>
<font size='5' color='#004422'>
<input type='radio' id='rdobt' name='rdobt' onclick='btCheck()'>Blood Test</input>
&nbsp;&nbsp;&nbsp;&nbsp; 
<input type='radio' id='rrdoPhy' name='rdoPhy' onclick='PhyCheck()'>Physical</input>
</font>
 
 
</td>
</tr>
</table>
 
<table border='1' width='97%' bgcolor='white' style='font-weight:bold;'>
<tr>
<td align='center'>
Remote:
<select id='selRemote' name='selRemote' onchange='Window_OnLoad()' style='font-weight:bold;'>
</select>
</td>
<td align='center'>
Start Hour:
<select id='selStart' name='selStart' style='font-weight:bold;'>
<option value='5'> 5:00 AM</option>
<option value='6'> 6:00 AM</option>
<option value='7'> 7:00 AM</option>
<option value='8' selected > 8:00 AM</option>
<option value='9'> 9:00 AM</option>
<option value='10'>10:00 AM</option>
<option value='11'>11:00 AM</option>
<option value='12'>12:00 Noon</option>
<option value='13'> 1:00 PM</option>
<option value='14'> 2:00 PM</option>
<option value='15'> 3:00 PM</option>
<option value='16'> 4:00 PM</option>
<option value='17'> 5:00 PM</option>
<option value='18'> 6:00 PM</option>
<option value='19'> 7:00 PM</option>
<option value='20'> 8:00 PM</option>
<option value='21'> 9:00 PM</option>
</select>
</td>
<td align='center'>
End Hour:
<select id='selEnd' name='selEnd' style='font-weight:bold;'>
<option value='5'> 5:00 AM</option>
<option value='6'> 6:00 AM</option>
<option value='7'> 7:00 AM</option>
<option value='8'> 8:00 AM</option>
<option value='9'> 9:00 AM</option>
<option value='10'>10:00 AM</option>
<option value='11'>11:00 AM</option>
<option value='12'>12:00 Noon</option>
<option value='13'> 1:00 PM</option>
<option value='14'> 2:00 PM</option>
<option value='15' selected > 3:00 PM</option>
<option value='16'> 4:00 PM</option>
<option value='17'> 5:00 PM</option>
<option value='18'> 6:00 PM</option>
<option value='19'> 7:00 PM</option>
<option value='10'> 8:00 PM</option>
<option value='11'> 9:00 PM</option>
</select>
</td>
<td align='center'>
Capacity:
<input id='txtCapacity' name='txtCapacity' value='0' size='5' style='font-weight:bold;' />
</td>
<td>
<button id='btnProcess' name='btnProcess' style='background:#006633; color:white;' onclick='Process()'><br /><b>Process</b></button>
</td>
</tr>
</table>
 
<br />
 
<h3><span id='lblSite' name='lblSite' ></span></h3>
 
<table id='t1' name='t1' border='1' width='75%' bgcolor='white' style='font-weight:bold;'>
<thead>
<tr>
<th align='right' class='head'>Hour</th>
<th align='center' class='head' width='11%'>Sun</th>
<th align='center' class='head' width='11%'>Mon</th>
<th align='center' class='head' width='11%'>Tue</th>
<th align='center' class='head' width='11%'>Wed</th>
<th align='center' class='head' width='11%'>Thu</th>
<th align='center' class='head' width='11%'>Fri</th>
<th align='center' class='head' width='11%'>Sat</th>
</tr>
</thead>
 
<tbody id='tbody' name='tbody'>
</tbody>
 
</table>
 
<table border='0' width='97%'>
<tr>
<td align='right'>
<button id='btnExit' name='btnExit' style='background:red;' onclick='window.close()'><br /><b>&nbsp;&nbsp;Exit&nbsp;&nbsp;</b></button>
</td>
</tr>
</table>
 
</center>
 
</body>
</html>

I just noticed that on this, when you scroll back, the dropdowns do not reappear.

**jmurrayhead** · jmurrayhead, August 11th, 2009 11:44 AM

I don't see anything wrong with the HTML or CSS...but this sounds more like a problem with the browser it's being viewed in...or are you possible viewing it through a remote connection?

**grnzbra** · grnzbra, August 11th, 2009 11:49 AM

It's an html application saved with the extension .hta. When it is opened, it opens by itself without the browser, although I understand that it uses some IE functions. I have IE 6 (can't change it - the powers that be say we can only have "approved" software. That's wy we do all our coding with Notepad.)

**jmurrayhead** · jmurrayhead, August 11th, 2009 11:53 AM

lol I know how that goes...we have the same conditions here.

Is it possible to zip and attach the hta so I can test here?

**Wolffy** · Wolffy, August 11th, 2009 11:58 AM

It works fine for me, with IE8 of course. I don't think there is any problem with the code, more in the environment. If there is good news at all, support for IE6 is waning, so you can expect an upgrade when the PTB's favorite website no longer works

**grnzbra** · grnzbra, August 11th, 2009 12:01 PM

You've got all you need right there. Copy and save with an hta extension. The only thing missing is the vba that loads the table and the first dropdown along with the two sql server databases that have the records. You will be able to see the problem with what is there. Just save and doubleclick.

**jmurrayhead** · jmurrayhead, August 11th, 2009 12:04 PM

Originally Posted by grnzbra

You've got all you need right there. Copy and save with an hta extension. The only thing missing is the vba that loads the table and the first dropdown along with the two sql server databases that have the records. You will be able to see the problem with what is there. Just save and doubleclick.

I can't get it to scroll if there's no data...but I'll try and add some sample data myself.

**jmurrayhead** · jmurrayhead, August 11th, 2009 12:09 PM

Okay, I'm able to duplicate it on IE6. The problem is with your background style. Remove that, and it should be fine. I would just try a simple background color rather than trying the gradient.

Thread: Disappearing Dropdown Box

LinkBack

Thread Tools

Display

Disappearing Dropdown Box

Similar Threads

AJAX Single Dropdown

Dynamic dropdown not fit in column

Dropdown list

Using Dropdown List Value in Database SQL Query

Creating Dynamic Dropdown Menu!?

Bookmarks

Bookmarks

Posting Permissions