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 derfloh 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
Joined
Mar 12, 2002
Messages
1,273
Location
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
Thanks guys. We use XP and IE6
 
Upvote 0 Downvote
Yes, it did. Quite nicely.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jason.lex
  • Locked
  • Question Question
crop image to fit in a div box?
Replies
2
Views
492
jason.lex
jason.lex
tulsantide
  • Locked
  • Question Question
Populate values in a list box dynamically in HTA
Replies
5
Views
612
tulsantide
tulsantide
Blueie
  • Locked
  • Question Question
Positioning Twitter box?
Replies
7
Views
526
1DMF
1DMF
c0deM0nK424
  • Locked
  • Question Question
Problem with positioning Logo, Search Box and Language Bar OUTSIDE of the navbar (Bootstrap)
Replies
2
Views
337
c0deM0nK424
c0deM0nK424
tulsantide
  • Locked
  • Question Question
Deselect values in list boxes
Replies
2
Views
383
c0deM0nK424
c0deM0nK424

Part and Inventory Search

Sponsor

Back
Top