...

View Full Version : Birthday



pj59
10-22-2005, 03:06 AM
I am trying to have a visiter select the month and the date of their birthday. If their birthday is today date ... I want to alert("Happy Birthday!"). I can't seem to figure out what I am doing wrong. :confused: I am trying to get this function to work before I continue with the other function for the insurance quote. For the insurance quote... example: it will be based on their age (40 and 1 day) who wanted $30,000 increment would pay $35.00 * 3 = $105.00 per month. I would appreciate if someone will look at my codes and point out what I am doing wrong. Also, I am getting an error on Line 48 Expected ';' but my line on 48 is blank.
Oh by the way, can someone tell me how I can split .js and html whenever I post the codes on here? :o
Thanks!


<script language="javascript" type="text/javascript"><!--

function getBirthday() {
var birthDay
var curDate = new Date( );
var visDate = new Date( );

visDate.setMonth(yourMonth-1);
visDate.setDate(yourDate);
visDate.setFullYear(yourYear);

if ((parseInt(document.Customer.birthMonth.options[document.Customer.birthMonth.selectedIndex].value) == yourMonth-1) && (parseInt(document.Customer.birthDate.options[document.Customer.birthDate.selectedIndex].value) == yourDate))
{
alert("Happy Birthday!")
}

}
var Age = new Array();

Age[0] = Less than 2 yrs old;
Age[1] = 2 through 18 yrs old;
Age[2] = 18 yrs and 1 day through 40 yrs old;
Age[3] = 40 yrs and 1 day through 62 yrs old;
Age[4] = 62 yrs and 1 day through 90 yrs old;
Age[5] = over 90 yrs old - not eligible for a policy;

var monthlyRate = new Array();

monthlyRate[0] = 0;
monthlyRate[1] = $12.00 per $10,000 increment;
monthlyRate[2] = $25.00 per $10,000 increment;
monthlyRate[3] = $35.00 per $10,000 increment;
monthlyRate[4] = $45.00 per $10,000 increment;
monthlyRate[5] = 0;

function getQuote() {
}
}


</script>
</head>
<body bgcolor="#FFCC66" text="#FFCC66" background="orang122.gif">
<h1><center>Life Insurance Monthly Quote</center></h1>
<form name="Customer">
<div align="center">
<h2>Birthday</h2>
<th colspan="5" align="left" valign="bottom"></th>

<tr>
<th width="150" align="right" valign="bottom">Month:</th>
<td>
<select name="birthMonth" >
<option value="" selected></option>
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6">July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</td>
<th align="right">Date:</th>
<td>
<select name="birthDate" >
<option value="" selected></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</td>
<th align="right">Year:</th>
<td>
<select name="birthYear">
<option value="" selected></option>
<option value="1900">1900</option>
<option value="1901">1901</option>
<option value="1902">1902</option>
<option value="1903">1903</option>
<option value="1904">1904</option>
<option value="1905">1905</option>
<option value="1906">1906</option>
<option value="1907">1907</option>
<option value="1908">1908</option>
<option value="1909">1909</option>
<option value="1910">1910</option>
<option value="1911">1911</option>
<option value="1912">1912</option>
<option value="1913">1913</option>
<option value="1914">1914</option>
<option value="1915">1915</option>
<option value="1916">1916</option>
<option value="1917">1917</option>
<option value="1918">1918</option>
<option value="1919">1919</option>
<option value="1920">1920</option>
<option value="1921">1921</option>
<option value="1922">1922</option>
<option value="1923">1923</option>
<option value="1924">1924</option>
<option value="1925">1925</option>
<option value="1926">1926</option>
<option value="1927">1927</option>
<option value="1928">1928</option>
<option value="1929">1929</option>
<option value="1930">1930</option>
<option value="1931">1931</option>
<option value="1932">1932</option>
<option value="1933">1933</option>
<option value="1934">1934</option>
<option value="1935">1935</option>
<option value="1936">1936</option>
<option value="1937">1937</option>
<option value="1938">1938</option>
<option value="1939">1939</option>
<option value="1940">1940</option>
<option value="1941">1941</option>
<option value="1942">1942</option>
<option value="1943">1943</option>
<option value="1944">1944</option>
<option value="1945">1945</option>
<option value="1946">1946</option>
<option value="1947">1947</option>
<option value="1948">1948</option>
<option value="1949">1949</option>
<option value="1950">1950</option>
<option value="1951">1951</option>
<option value="1952">1952</option>
<option value="1953">1953</option>
<option value="1954">1954</option>
<option value="1955">1955</option>
<option value="1956">1956</option>
<option value="1957">1957</option>
<option value="1958">1958</option>
<option value="1959">1959</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
</td>
</tr>

<table border="0">
<tr>
<th width="150" align="right" valign="bottom">
<h2>Insurance</h2></th>
<th colspan="5" align="left" valign="bottom"><h2>Amount</h2></th>
</tr>
<tr>
<th width="150" align="right">Please select Increment Amount:</th>
<td>
<select name="incrementAmount">
<option value="" selected></option>
<option value="1">10,000</option>
<option value="2">20,000</option>
<option value="3">30,000</option>
<option value="4">40,000</option>
<option value="5">50,000</option>
<option value="6">60,000</option>
<option value="7">70,000</option>
<option value="8">80,000</option>
<option value="9">90,000</option>
<option value="10">100,000</option>
</select>
</td>
</tr>
</table>
<table>
<tr>
<th width="150" align="right" valign="top"><h3>Your Monthly Quote</h3></th>
<td colspan="5">
<textarea name="Quote" cols="40" rows="5"></textarea>
</td>
</tr>
<tr>
<th width="150">&nbsp;</th>
<td colspan="4" align="left"><br />
<input type="button" value="Get Quote" name="getQuote" onClick="getQuote()">
<input type="reset" value="Clear Form">
</td>
</tr>
</table></div>
</form>
</body>
</html>

PhotoJoe47
10-22-2005, 04:07 AM
I don't know what you mean by split the js and html code but if you want to put your code in a scrollable box like this:



</head>

<body bgcolor= "#000000" text="#FFFFFF" onload="changeslide()">

<form>
<div align="center">
<table border="0" cellpadding="5" cellspacing="0" width="90%" height="90">
<tr>
<td width="70%" height="90">
<p align="center">
<font face="Comic Sans MS" color="#FF0066" size="5">
<b>&nbsp;Catalog of Slides</b>
</font>
<br>
<font face="Comic Sans MS" size="3" color="#00FFFF">
<b>Page&nbsp 01 of 50</b>
</font>
<br>
<a href="javascript:;"
onmouseover="ViewData(event,'example1','visible')"
onmouseout="ViewData(event,'example1','hidden')">
<font size="4" color="#00FF00">
<b>Please Read My Copyright Notice</b>
</font>
</a>
</p>
</td>
<td width="50" height="90">
<input type="button" value="Click to see Slide Show" name="B1"
onClick="winopen2('../SlideShow.htm')">
</td>
</tr>
</table>
</div>
</form>



You can use the "code, /code" tags (with the [] around each) in text box where you enter the message and paste your code between them.

pj59
10-22-2005, 04:45 AM
oic....I was wondering how everyone did that... :) I was looking all of the place on the thread thanks for letting me know how that was done

boxxer03
10-22-2005, 01:45 PM
<script language="javascript" type="text/javascript">
<!-- // Hide code from old browsers

function birthday() {

// Get Today's Date
var today=new Date()
var day=today.getDate() // Get Today's date
var month=today.getMonth() // Get Today's Month
var year=today.getFullYear() // Get Today's Year
var tday=""+month+day+year // Put them into one strong

// Get Their Birthday
var bday=document.Customer.birthDate.value // Get their birth date
var bmonth=document.Customer.birthMonth.value // Get their birth month
var byear=document.Customer.birthYear.value // Get their birth year
var hbday=""+bmonth+bday+byear // Put it into one string

if (tday == hbday){ // Compare the 2 strings
alert("Happy Birthday!")
}
}
//-->
</script>


I know it's really basic, but you get the idea. It just gets today's date and their birthdate and compares them to see if they're the same. The way you did the months though, on the option box where you numbered them from 0-11, when you get the date you dont' have to subtract 1 cause Javascript already reads it that way from 0-11 instead of 1-12. But this simple copde works cause I tried it and today is NOT my b-day! :(

pj59
10-22-2005, 04:37 PM
Thank you so much boxxer03! That is exactly what I was looking for...something simple but I couldn't think how to write it.

Darn! Today isn't your birthday? hmmm ... oh well I still would have bake you a chocolate or vanilla cake even though it isn't your birthday today! Also, a BIG HUGS for helping me. LOL I shall try this code out and see if it is my birthday yet? LOL Again, thanks!

pj59
10-22-2005, 05:37 PM
Boxxer03

I had to make a few changes...if your birthday is Oct. 22 then you will get the alert. I noticed the year would only work if you were born this year then you will get the alert. Needless to say, I wasn't born this year...maybe about 46 years ago I was. LOL :) My code is working properly now though. Again thank you so much for your help!! :thumbsup:

var tday = ""+month+day

var bday = ""+month+day

boxxer03
10-23-2005, 03:17 AM
LoL, my bad, it was like 5 or 6am and my brain shuts down at midnight, and since it was a quick code I figured I would do it real quick, and I just tried at once with the today's date and once with a different date and one said Happy b-day and one didn't so i figured we were ok, LoL, but it's all good, no problem though. If you need anything else lemme know. :thumbsup:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum