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!

How to display dynamic list of names

Status
Not open for further replies.
bigfoot

bigfoot

Programmer
Joined
May 4, 1999
Messages
1,779
Location
US
I think this should come under ASP but it's more of an HTML thing.

I have a page with a few tables on it and I want to display a list of birthdays for the month in one of the tables. Now, I know this month we have 20 people and next month we only have 3 people, so I tried puting them in a list box; I want to be able to scroll because I want the whole page to be uniform. This works ok on ie, but not Netscape, and not on MAC's.
I tried inline frames - no good. I tried a multi-line textbox - no good.

Has anyone done this with success?

I don't have much hair left! X-)

If I put them on their own page, it would be ok, but the mgmt wants it to be on the general page.

Thanks
Gary The door to life is never locked, but few have the knowledge to open it.
 
Sort by date Sort by votes
have you tried using a drop down box? as shown below:

Look below to see who's birthday it is this month
<select name=&quot;Birthday&quot;>
<option value=&quot;1&quot;>Jan 16, John Doe</option>
<option value=&quot;2&quot;>Jan 17, Jane Doe</option>
<option value=&quot;3&quot;>Jan 18, Thomas Smith</option>
<option value=&quot;4&quot;>Jan 19, Betty Joe Sample</option>
<option value=&quot;5&quot;>Jan 21, Bobby Joe Sample</option>
<option value=&quot;6&quot;>Jan 22, Dean Sample</option>
<option value=&quot;7&quot;>Jan 23, Betty Joe Moore</option>
<option value=&quot;8&quot;>Jan 24, Betty Maple</option>
<option value=&quot;9&quot;>Jan 25, Bob Hanks</option>
</select>

or you could have an actual calendar with the dates clickable links to a popup (separate HTML file for each date) as shown below. It's pretty lengthy but very easy to modify.

<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;>

<html>
<head>
<title>Calendar Template</title>
<script language=&quot;JavaScript&quot;>
<!--
function openWin( windowURL, windowName, windowFeatures ) {
return window.open( windowURL, windowName, windowFeatures ) ;
}
// -->
</script>
<script language=javascript>
<!--
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver; }
}

function mOut(src,clrIn) {
if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; }
}
// -->
</script>


</head>

<body topmargin=&quot;8&quot; link=&quot;#025728&quot; vlink=&quot;#025728&quot; alink=&quot;#ad9567&quot;>
<!--GLOBAL-->
<!--GLOBAL-->
<TABLE border=&quot;0&quot; cellPadding=&quot;2&quot; cellSpacing=&quot;0&quot; width=&quot;147&quot;>

<TR>
<td colspan=&quot;7&quot; align=&quot;right&quot; bgcolor=&quot;navy&quot;>
<FONT color=#ffffff
face=&quot;Arial Black, Verdana&quot; size=&quot;1&quot;>SEPTEMBER 2000&amp;nbsp;</FONT>
</td></TR>
<tr bgcolor=&quot;silver&quot;>
<TD align=&quot;right&quot; width=&quot;21&quot;><FONT face=&quot;Arial Black, Arial&quot;
size=&quot;1&quot;>S</FONT></TD>
<TD align=&quot;right&quot; width=&quot;21&quot;><FONT face=&quot;Arial Black, Arial&quot;
size=&quot;1&quot;>M</FONT></TD>
<TD align=&quot;right&quot; width=&quot;21&quot;><FONT face=&quot;Arial Black, Arial&quot;
size=&quot;1&quot;>T</FONT></TD>
<TD align=&quot;right&quot; width=&quot;21&quot;><FONT face=&quot;Arial Black, Arial&quot;
size=&quot;1&quot;>W</FONT></TD>
<TD align=&quot;right&quot; width=&quot;21&quot;><FONT face=&quot;Arial Black, Arial&quot;
size=&quot;1&quot;>T</FONT></TD>
<TD align=&quot;right&quot; width=&quot;21&quot;><FONT face=&quot;Arial Black, Arial&quot;
size=&quot;1&quot;>F</FONT></TD>
<TD align=&quot;right&quot; width=&quot;21&quot;><FONT face=&quot;Arial Black, Arial&quot;
size=&quot;1&quot;>S</FONT></TD></tr>
<TR>
<TD align=&quot;right&quot; width=&quot;21&quot;></TD>
<TD align=&quot;right&quot; width=&quot;21&quot;></TD>
<td width=&quot;21&quot; align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onMouseOver=&quot;mOvr(this,'#025728');&quot; onMouseOut=&quot;mOut(this,'#E3E4D5');&quot;>&amp;nbsp;
</td>
<!--you must create an HTML file for each date as shown in the code below sept16.htm as an example -- it's time consuming at first but great when you get it to work-->
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A href=&quot;JavaScript: newWindow = openWin( 'sept16.htm', 'Sept_16', 'width=400,height=250,toolbar=0,location=0,directories=0,status=0,menuBar=0,scrollBars=0,resizable=0' ); newWindow.focus()&quot;class=calendar></A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_03.html&quot;></A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_04.html&quot;>1</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_05.html&quot;>2</A></FONT></TD></TR>
<TR>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_06.html&quot;>3</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_07.html&quot;>4</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_08.html&quot;>5</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_09.html&quot;>6</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_10.html&quot;>7</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_11.html&quot;>8</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_12.html&quot;>9</A></FONT></TD></TR>
<TR>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_13.html&quot;>10</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_14.html&quot;>11</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_15.html&quot;>12</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_16.html&quot;>13</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_17.html&quot;>14</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_18.html&quot;>15</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;JavaScript: newWindow = openWin( 'sept16.html', 'Sept_16', 'width=400,height=250,toolbar=0,location=0,directories=0,status=0,menuBar=0,scrollBars=0,resizable=0' ); newWindow.focus()&quot;class=calendar>16</A></FONT></TD></TR>
<TR>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_20.html&quot;>17</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_21.html&quot;>18</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_22.html&quot;>19</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;>
<FONT face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_23.html&quot;>20</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_24.html&quot;>21</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_25.html&quot;>22</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_26.html&quot;>23</A></FONT></TD></TR>
<TR>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_27.html&quot;>24</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_28.html&quot;>25</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_29.html&quot;>26</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_30.html&quot;>27</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_31.html&quot;>28</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_32.html&quot;>29</A></FONT></TD>
<TD align=&quot;right&quot; bgcolor=&quot;#aaa4cc&quot; onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot; width=&quot;21&quot;><FONT
face=&quot;Arial Black, Arial&quot; size=&quot;1&quot;><A class=calendar
href=&quot;aug_31.html&quot;>30</A></FONT></TD></TR>
<TR>
<TD align=&quot;right&quot; colSpan=7></TD></TR>
<TR>
<TD align=&quot;middle&quot; bgcolor=&quot;#aaa4cc&quot; colSpan=&quot;7&quot;
onmouseout=&quot;mOut(this,'#E3E4D5');&quot;
onmouseover=&quot;mOvr(this,'#025728');&quot;><FONT face=&quot;Arial Black, Verdana&quot;
size=&quot;1&quot;></FONT></TD></TR></TABLE><!--CALANDER-->

</body>
</html>

I've used this calendar and have gotten rave reviews on it. Hope this helps.
 
Upvote 0 Downvote
Have you tried Cold Fusion? That is its specialty. You can dynamically generate web pages from a table (Access or other ODBC) using SQL queries. I picked it up as a complete novice with only the most rudimentary knowledge of HTML (I'm actually a tech writer.) and have been able to do what you are trying to accomplish fairly easily.

P.S. I had very little knowledge of Access or SQL when I started.
 
Upvote 0 Downvote
Hi calista, the problem is not displaying the names, the problem is I have several MAC users, using Netscape in our office. Netscape cannot use inline frames, and listboxes look funky.
I ordered the latest copy of Macromedia Dreamweaver to see if it had any suggestions.

--Gary
The door to life is never locked, but few have the knowledge to open it.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

PeDa
  • Locked
  • Question Question
Media query: display = none/inline/block
Replies
1
Views
1K
PeDa
PeDa
cae154
  • Locked
  • Question Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
1K
spamjim
spamjim
bdwilcox
  • Locked
  • Question Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
1K
bdwilcox
bdwilcox
Mike Lewis
  • Locked
  • Question Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
2K
Mike Lewis
Mike Lewis
soni21
  • Locked
  • Question Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
3K
Chris Miller
Chris Miller

Part and Inventory Search

Sponsor

Back
Top