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 strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Disappearing Dropdown Box

Status
Not open for further replies.
grnzbra

grnzbra

Programmer
Mar 12, 2002
1,273
US
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?
 
Sort by date Sort by votes
How do you expect anyone to help you without seeing exactly what you've done (i.e. code)?

--------
GOOGLE is a great resource to find answers to questions like "how do i..."

If you don't know exaclty what you want to do or what to search on, try Google Suggest: --------
I have recently been semi-converted to ensuring all my code (well most of it) works in both javascript and non-javasc
 
Upvote 0 Downvote
Sorry about that guys, I was interrupted. Here's the code.

<html>
<head>
<title>Clinic Profiler</title>

<HTA:APPLICATION
ID="objHTAHelpomatic"
APPLICATIONNAME="Clinic_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)'>
<!-- <body bgcolor=#00CC33;> -->
<center>

<h2>Clinic 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='rdoBldTst' name='rdoBldTst' onclick='BldTstCheck()'>Blood Test</input>
&nbsp;&nbsp;&nbsp;&nbsp;
<input type='radio' id='rdoPhys' name='rdoPhys' onclick='PhysCheck()'>Physical</input>
</font>


</td>
</tr>
</table>

<table border='1' width='97%' bgcolor='white' style='font-weight:bold;'>
<tr>
<td align='center'>
Clc:
<select id='selClc' name='selClc' 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>
 
Upvote 0 Downvote
grnzbra,

I implemented the code you provided and can't duplicate the error you are getting.

Can you maybe describe it a bit more and let us know which browsers/OS you are experiencing the issue in? Perhaps load it up and provide a link so we can see it?

Thanks for the code - just a quick note, it's best if you place your code within code blocks (
Code:
) it's a lot easier to read.



--------
GOOGLE is a great resource to find answers to questions like "how do i..."

If you don't know exaclty what you want to do or what to search on, try Google Suggest: --------
I have recently been semi-converted to ensuring all my code (well most of it) works in both javascript and non-javasc
 
Upvote 0 Downvote
I see the problem in IE6 on Windows XP.

You can fix it by removing the gradient background filter from the body... perhaps replace it with a 10px-wide gradient PNG image top-aligned, then set the BG colour to the green at the bottom?

That way, it'll work cross-browser as well.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
 
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
105
jason.lex
jason.lex
tulsantide
  • Locked
  • Question
Populate values in a list box dynamically in HTA 1
Replies
5
Views
164
tulsantide
tulsantide
Blueie
  • Locked
  • Question
Positioning Twitter box? 1
Replies
7
Views
102
1DMF
1DMF
c0deM0nK424
  • Locked
  • Question
Problem with positioning Logo, Search Box and Language Bar OUTSIDE of the navbar (Bootstrap) 1
Replies
2
Views
65
c0deM0nK424
c0deM0nK424
tulsantide
  • Locked
  • Question
Deselect values in list boxes
Replies
2
Views
114
c0deM0nK424
c0deM0nK424

Part and Inventory Search

Sponsor

Back
Top