Link to home
Start Free TrialLog in
Avatar of kfranck
kfranckFlag for United States of America

asked on

What is a simple popup date picker for an ASP project?

I am doing an ASP project where the user enters information in a form and the information is sent to an Access database. On one of the form fields (example month), I want to include a simple popup calendar picker that will give me the same date format and then send the entry into the proper field in the Access database.

I have read a couple of previous entries on popup calendars on the knowledge base, but I am looking for a simple one, and ways to code it.

Suggestions? I have included the form code below. Thanks.
</head>

<body style="margin-left: 70px">
<form name="frmInput" method="post" action="add_to_Top10.asp">
<table border="0" cellpadding="0" cellspacing="0" width="792" height="612" id="table1" background="images2/WebPrime.jpg">
	<tr>
		<td valign="top">
		<table border="0" cellspacing="0" width="792" height="612" id="table2">
			<tr>
				<td width="47" height="144">&nbsp;</td>
				<td height="144">&nbsp;</td>
			</tr>
			<tr>
				<td width="47">&nbsp;</td>
				<td valign="top"><br>
<table border="0" cellspacing="1" 
id="table24">
	<tr>
		<td align="left" valign="top" style="height: 26px">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		<br>YEAR&nbsp;&nbsp; </font></b></font><font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill" 
  style="border:1px solid #4C99C5
; BACKGROUND-COLOR: #FFFFFF; font-weight:700" 
  name="Year" size="10"></font></td>
		<td align="left" valign="top" style="height: 26px">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		<br>&nbsp;MONTH</font><font size="2" color="#660000">&nbsp; 
		</font></b></font>
		<font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill" 
  style="border:1px solid #4C99C5
; BACKGROUND-COLOR: #FFFFFF; font-weight:700" 
  name="Month" size="9"><span style="font-size: 7pt; font-weight: 700">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></font></td>
		<td align="left" valign="top" style="height: 26px">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		&nbsp;<br>&nbsp;DAY</font><font size="2" color="#660000">&nbsp; 
		</font></b></font>
		<font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill" 
  style="border:1px solid #4C99C5
; BACKGROUND-COLOR: #FFFFFF; font-weight:700" 
  name="Day" size="9"><br></font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3" style="height: 20px">
		&nbsp;<font face="Arial" color="#FFFFFF"><label for="formCategory"><span style="font-size: 11pt; font-weight: 700; background-color: #800000">Select Category </span></label></font>
		</td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<table cellpadding="0" cellspacing="0" style="width: 99%">
			<tr>
				<td style="width: 85px" class="style4"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="News" class="style3"><span class="style3">News</span></td>
				<td style="width: 87px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Local" class="style3"><span class="style3">Local</span></td>
				<td style="width: 93px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Business" class="style3"><span class="style3">Business</span></td>
				<td style="width: 81px"><INPUT TYPE=RADIO NAME="Item8" VALUE="Leisure" class="style3"><span class="style3">Leisure</span></td>
				<td style="width: 80px"><INPUT TYPE=RADIO NAME="Item8" VALUE="Sports" class="style3"><span class="style3">Sports</span></td>
				<td style="width: 133px"><INPUT TYPE=RADIO NAME="Item8" VALUE="High School" class="style3"><span class="style3">High 
				School</span></td>
				<td style="width: 100px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="College" class="style3"><span class="style3">College</span></td>
				<td style="width: 77px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Pro Sports" class="style3"><span class="style3"> 
				Pro</span></td>
				<td style="width: 100px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Home Page" class="style3"><span class="style3">HOME</span></td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b><font size="2" color="#164676">1.&nbsp;&nbsp; </font></b></font><font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill" 
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;" 
  name="Item1" size="61"></font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		2.&nbsp;&nbsp; </font></b></font>
		<font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill" 
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;" 
  name="Item2" size="61"></font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		3.&nbsp;&nbsp; </font></b></font>
		<font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill" 
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;" 
  name="Item3" size="61"></font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		4.&nbsp;&nbsp; </font></b></font>
		<font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill" 
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;" 
  name="Item4" size="61"> </font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		&nbsp;<class="style1">&nbsp; Comments<font color="#660000" face="Verdana"><!--webbot b-value-required="TRUE" bot="Validation" i-maximum-length="10000" --><textarea id="text" name="Item5" rows="1"  style="border:1px solid #4C99C5; width: 396px; height: 73px; margin-left: 31px; color:#164676"></textarea></font>&nbsp;&nbsp;<br>
		<br>
		<font color="#660000" face="Verdana">
		<font size="2" color="#164676" face="Verdana">
		<span class="style2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Editor </span></font>&nbsp;<input title="List Editor" 
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 189px;" 
  name="Item7" size="9"></font><br></font></b></font></td>
	</tr>
	</table>							
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;							
		<input type="button" value="SUBMIT" onclick="check()" 
  style="border:1px solid #4C99C5; ">&nbsp; <input type="reset" value="Reset" name="B2"></td>
			</tr>
		</table>
		</td>
	</tr>
</table>
</html>

Open in new window

Avatar of sammySeltzer
sammySeltzer
Flag of United States of America image

it is much easier to accomplish your goal using a dropdown.

Are you interesed in that?
Avatar of kfranck

ASKER

Sure!
Any suggestion would help. thanks.
You can use this:

<html>

<head>
  <title>Test dates</title>
<script type="text/javascript">

/***********************************************
* Drop Down Date select script- by JavaScriptKit.com
* This notice MUST stay intact for use
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and more
***********************************************/

var monthtext=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sept','Oct','Nov','Dec'];

function populatedropdown(dayfield, monthfield, yearfield){
var today=new Date()
var dayfield=document.getElementById(dayfield)
var monthfield=document.getElementById(monthfield)
var yearfield=document.getElementById(yearfield)
for (var i=0; i<31; i++)
dayfield.options[i]=new Option(i, i+1)
dayfield.options[today.getDate()]=new Option(today.getDate(), today.getDate(), true, true) //select today's day
for (var m=0; m<12; m++)
monthfield.options[m]=new Option(monthtext[m], monthtext[m])
monthfield.options[today.getMonth()]=new Option(monthtext[today.getMonth()], monthtext[today.getMonth()], true, true) //select today's month
var thisyear=today.getFullYear()
for (var y=0; y<20; y++){
yearfield.options[y]=new Option(thisyear, thisyear)
thisyear+=1
}
yearfield.options[0]=new Option(today.getFullYear(), today.getFullYear(), true, true) //select today's year
}

</script>

</head>

<body style="margin-left: 70px">
<form name="frmInput" method="post" action="add_to_Top10.asp">
<table border="0" cellpadding="0" cellspacing="0" width="792" height="612" id="table1" background="images2/WebPrime.jpg">
	<tr>
		<td valign="top">
		<table border="0" cellspacing="0" width="792" height="612" id="table2">
			<tr>
				<td width="47" height="144">&nbsp;</td>
				<td height="144">
<script type="text/javascript">

//populatedropdown(id_of_day_select, id_of_month_select, id_of_year_select)
window.onload=function(){
populatedropdown("Day", "Month", "Year")
}
</script>
</td>
			</tr>
			<tr>
				<td width="47">&nbsp;</td>
				<td valign="top"><br>
<table border="0" cellspacing="1"
id="table24">
	<tr>
	 <td align="left" valign="top" style="height: 26px">
	  <font face="Verdana"><b>
	  <font size="2" color="#164676">
	  <br>YEAR&nbsp;&nbsp; </font></b></font><font color="#660000" face="Verdana">
	  <select id="Year"></select></font>
	  </td>
		<td align="left" valign="top" style="height: 26px">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		<br>&nbsp;MONTH</font><font size="2" color="#660000">&nbsp;
		</font></b></font>
		<font color="#660000" face="Verdana">
		<select id="Month"></select>
<span style="font-size: 7pt; font-weight: 700">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></font></td>
		<td align="left" valign="top" style="height: 26px">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		&nbsp;<br>&nbsp;DAY</font><font size="2" color="#660000">&nbsp;
		</font></b></font>
		<font color="#660000" face="Verdana">
		<select id="Day">/select></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3" style="height: 20px">
		&nbsp;<font face="Arial" color="#FFFFFF"><label for="formCategory"><span style="font-size: 11pt; font-weight: 700; background-color: #800000">Select Category </span></label></font>
		</td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<table cellpadding="0" cellspacing="0" style="width: 99%">
			<tr>
				<td style="width: 85px" class="style4"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="News" class="style3"><span class="style3">News</span></td>
				<td style="width: 87px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Local" class="style3"><span class="style3">Local</span></td>
				<td style="width: 93px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Business" class="style3"><span class="style3">Business</span></td>
				<td style="width: 81px"><INPUT TYPE=RADIO NAME="Item8" VALUE="Leisure" class="style3"><span class="style3">Leisure</span></td>
				<td style="width: 80px"><INPUT TYPE=RADIO NAME="Item8" VALUE="Sports" class="style3"><span class="style3">Sports</span></td>
				<td style="width: 133px"><INPUT TYPE=RADIO NAME="Item8" VALUE="High School" class="style3"><span class="style3">High
				School</span></td>
				<td style="width: 100px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="College" class="style3"><span class="style3">College</span></td>
				<td style="width: 77px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Pro Sports" class="style3"><span class="style3">
				Pro</span></td>
				<td style="width: 100px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Home Page" class="style3"><span class="style3">HOME</span></td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b><font size="2" color="#164676">1.&nbsp;&nbsp; </font></b></font><font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill"
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;"
  name="Item1" size="61"></font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		2.&nbsp;&nbsp; </font></b></font>
		<font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill"
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;"
  name="Item2" size="61"></font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		3.&nbsp;&nbsp; </font></b></font>
		<font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill"
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;"
  name="Item3" size="61"></font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		4.&nbsp;&nbsp; </font></b></font>
		<font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill"
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;"
  name="Item4" size="61"> </font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		&nbsp;<class="style1">&nbsp; Comments<font color="#660000" face="Verdana"><!--webbot b-value-required="TRUE" bot="Validation" i-maximum-length="10000" --><textarea id="text" name="Item5" rows="1"  style="border:1px solid #4C99C5; width: 396px; height: 73px; margin-left: 31px; color:#164676"></textarea></font>&nbsp;&nbsp;<br>
		<br>
		<font color="#660000" face="Verdana">
		<font size="2" color="#164676" face="Verdana">
		<span class="style2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Editor </span></font>&nbsp;<input title="List Editor"
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 189px;"
  name="Item7" size="9"></font><br></font></b></font></td>
	</tr>
	</table>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<input type="button" value="SUBMIT" onclick="check()"
  style="border:1px solid #4C99C5; ">&nbsp; <input type="reset" value="Reset" name="B2"></td>
			</tr>
		</table>
		</td>
	</tr>
</table>
</html>

Open in new window


I will try later and see if I can get something that is close to your original request.

That will be hard though but be back later.
Avatar of kfranck

ASKER

sammySeltzer:

This is a great help and will be a good start. Two things:

1.) The day only goes to 30. O to 30. What if you months with 31 days?

2.) If you can later help me with the original request of the date picker, that would be great. Beggars can't be choosy. I wouldn't need all the fields of year, month, day. I would go to date.

Thanks so much for the dropdown. I will close out this posting after you suggest how to fix the 30 days.
Avatar of kfranck

ASKER

sammySeltzer:

For some reason, the Year, Month and Day do not enter into the database. I am attaching in the code field, the entire page. All the other fields in the database collect information, but not the Year, Month and Day fields.
Suggestions?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<META NAME="GOOGLEBOT" CONTENT="NOARCHIVE">
<META NAME="ROBOTS" CONTENT="ALL"> 
<META NAME="ROBOTS" CONTENT="INDEX,NOFOLLOW"> 
<META NAME="ROBOTS" CONTENT="NOINDEX,FOLLOW"> 
<META NAME="ROBOTS" CONTENT="NONE">

<title>Entry Form for Prime List stories</title>
<script language="JavaScript">
<!--//This script checks for correct responses
                                        
function checkChecked()
{
 
	checked = 0;
	for (counter = 0; counter < document.frmInput.Item8.length; counter++)
	{
		if(document.frmInput.Item8[counter].checked)
		{
			checked++;
		}
	}
	if(checked < 1)
	{
		alert("WARNING: You must check a category");
	}
}
			    function check()
 
                        {
                                checkChecked();
								if (document.frmInput.Year.value.length==0)
                                                {
                                                        alert("Error!! You must include the YEAR!")
                                                        document.frmInput.year.focus()
                                                }
                                
                                else            
                                if (document.frmInput.Month.value.length==0)
                                                {
                                                        alert("HOLD ON!! You need the MONTH, too!")
                                                        document.frmInput.Month.focus()
                                                                                                
                                                }                               
                                else            
            
                {
                                                        document.frmInput.submit();
                                                }
          }
   //-->
    </script>
<style type="text/css">
#table24 {
	width: 694px;
	height: 362px;
}
.style2 {
	font-size: x-small;
	font-weight: bold;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #800000;
}
.style4 {
	color: #800000;
}
</style>

<script type="text/javascript">

/***********************************************
* Drop Down Date select script- by JavaScriptKit.com
* This notice MUST stay intact for use
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and more
***********************************************/

var monthtext=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sept','Oct','Nov','Dec'];

function populatedropdown(dayfield, monthfield, yearfield){
var today=new Date()
var dayfield=document.getElementById(dayfield)
var monthfield=document.getElementById(monthfield)
var yearfield=document.getElementById(yearfield)
for (var i=0; i<31; i++)
dayfield.options[i]=new Option(i, i+1)
dayfield.options[today.getDate()]=new Option(today.getDate(), today.getDate(), true, true) //select today's day
for (var m=0; m<12; m++)
monthfield.options[m]=new Option(monthtext[m], monthtext[m])
monthfield.options[today.getMonth()]=new Option(monthtext[today.getMonth()], monthtext[today.getMonth()], true, true) //select today's month
var thisyear=today.getFullYear()
for (var y=0; y<20; y++){
yearfield.options[y]=new Option(thisyear, thisyear)
thisyear+=1
}
yearfield.options[0]=new Option(today.getFullYear(), today.getFullYear(), true, true) //select today's year
}

</script>

</head>

<body style="margin-left: 70px">
<form name="frmInput" method="post" action="add_to_Top10.asp">
<table border="0" cellpadding="0" cellspacing="0" width="792" height="612" id="table1" background="images2/WebPrime.jpg">
	<tr>
		<td valign="top">
		<table border="0" cellspacing="0" width="792" height="612" id="table2">
			<tr>
				<td width="47" height="144">&nbsp;</td>
				<td height="144">
<script type="text/javascript">

//populatedropdown(id_of_day_select, id_of_month_select, id_of_year_select)
window.onload=function(){
populatedropdown("Day", "Month", "Year")
}
</script>
</td>
			</tr>
			<tr>
				<td width="47">&nbsp;</td>
				<td valign="top"><br>
<table border="0" cellspacing="1"
id="table24">
	<tr>
	 <td align="left" valign="top" style="height: 26px">
	  <font face="Verdana"><b>
	  <font size="2" color="#164676">
	  <br>&nbsp;YEAR&nbsp;&nbsp; </font></b></font><font color="#660000" face="Verdana">
	  <select id="Year"></select></font>
	  </td>
		<td align="left" valign="top" style="height: 26px">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		<br>&nbsp;MONTH</font><font size="2" color="#660000">&nbsp;
		</font></b></font>
		<font color="#660000" face="Verdana">
		<select id="Month"></select>
<span style="font-size: 7pt; font-weight: 700">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></font></td>
		<td align="left" valign="top" style="height: 26px">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		&nbsp;<br>&nbsp;DAY</font><font size="2" color="#660000">&nbsp;
		</font></b></font>
		<font color="#660000" face="Verdana">
		<select id="Day">/select></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3" style="height: 20px">
		&nbsp;<font face="Arial" color="#FFFFFF"><label for="formCategory"><span style="font-size: 11pt; font-weight: 700; background-color: #800000">Select Category </span></label></font>
		</td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<table cellpadding="0" cellspacing="0" style="width: 99%">
			<tr>
				<td style="width: 85px" class="style4"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="News" class="style3"><span class="style3">News</span></td>
				<td style="width: 87px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Local" class="style3"><span class="style3">Local</span></td>
				<td style="width: 93px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Business" class="style3"><span class="style3">Business</span></td>
				<td style="width: 81px"><INPUT TYPE=RADIO NAME="Item8" VALUE="Leisure" class="style3"><span class="style3">Leisure</span></td>
				<td style="width: 80px"><INPUT TYPE=RADIO NAME="Item8" VALUE="Sports" class="style3"><span class="style3">Sports</span></td>
				<td style="width: 133px"><INPUT TYPE=RADIO NAME="Item8" VALUE="High School" class="style3"><span class="style3">High
				School</span></td>
				<td style="width: 100px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="College" class="style3"><span class="style3">College</span></td>
				<td style="width: 77px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Pro Sports" class="style3"><span class="style3">
				Pro</span></td>
				<td style="width: 100px"><span class="style3">&nbsp;</span><INPUT TYPE=RADIO NAME="Item8" VALUE="Home Page" class="style3"><span class="style3">HOME</span></td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b><font size="2" color="#164676">1.&nbsp;&nbsp; </font></b></font><font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill"
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;"
  name="Item1" size="61"></font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		2.&nbsp;&nbsp; </font></b></font>
		<font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill"
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;"
  name="Item2" size="61"></font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		3.&nbsp;&nbsp; </font></b></font>
		<font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill"
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;"
  name="Item3" size="61"></font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		4.&nbsp;&nbsp; </font></b></font>
		<font color="#660000" face="Verdana">
		<input title="Your Google Toolbar can fill this in for you. Select AutoFill"
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 500px;"
  name="Item4" size="61"> </font></td>
	</tr>
	<tr>
		<td align="left" valign="top" height="32" colspan="3">
		<font face="Verdana"><b>
		<font size="2" color="#164676">
		&nbsp;<class="style1">&nbsp; Comments<font color="#660000" face="Verdana"><!--webbot b-value-required="TRUE" bot="Validation" i-maximum-length="10000" --><textarea id="text" name="Item5" rows="1"  style="border:1px solid #4C99C5; width: 396px; height: 73px; margin-left: 31px; color:#164676"></textarea></font>&nbsp;&nbsp;<br>
		<br>
		<font color="#660000" face="Verdana">
		<font size="2" color="#164676" face="Verdana">
		<span class="style2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Editor </span></font>&nbsp;<input title="List Editor"
  style="border:1px solid #4C99C5; BACKGROUND-COLOR: #FFFFFF; font-weight:700; width: 189px;"
  name="Item7" size="9"></font><br></font></b></font></td>
	</tr>
	</table>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<input type="button" value="SUBMIT" onclick="check()"
  style="border:1px solid #4C99C5; ">&nbsp; <input type="reset" value="Reset" name="B2"></td>
			</tr>
		</table>
		</td>
	</tr>
</table>
</html>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of sammySeltzer
sammySeltzer
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of kfranck

ASKER

Works like a charm! Thank you.
kfranck