Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7

Thread: Birthday

  1. #1
    New Coder
    Join Date
    Sep 2005
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Birthday

    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. 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?
    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>
    PJ

  • #2
    Regular Coder
    Join Date
    Oct 2005
    Location
    Arizona
    Posts
    336
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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:

    Code:
    </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.

  • #3
    New Coder
    Join Date
    Sep 2005
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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
    PJ

  • #4
    Regular Coder
    Join Date
    Sep 2005
    Location
    Chicago, IL
    Posts
    160
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    <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!

  • #5
    New Coder
    Join Date
    Sep 2005
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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!
    PJ

  • #6
    New Coder
    Join Date
    Sep 2005
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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!!

    var tday = ""+month+day

    var bday = ""+month+day
    PJ

  • #7
    Regular Coder
    Join Date
    Sep 2005
    Location
    Chicago, IL
    Posts
    160
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.
    I'm only telling you how I would do it, not how its supposed to be done. ;)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •