Announcement

Collapse
No announcement yet.

Date Of Birth Form

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Date Of Birth Form

    How would I go about editing the days of a Date of Birth form to only be 30, 31, and 28 (or 29) when specific months of the year are selected?

    For example.. if February is selected in the first drop down, then how can I make it so the days only go up to 29?

    Here is my code
    Thank you!
    Code:
    Date Of Birth:
    <select name="month" onchange="return wait_for_load(this, event, function() { editor_date_month_change(this, 'birthday_day','birthday_year'); });">
    <option value="na">Month</option>
    <option value="1">January</option>
    <option value="2">February</option>
    <option value="3">March</option>
    <option value="4">April</option>
    <option value="5">May</option>
    <option value="6">June</option>
    <option value="7">July</option>
    <option value="8">August</option>
    <option value="9">September</option>
    <option value="10">October</option>
    <option value="11">November</option>
    <option value="12">December</option>
    </select>
    
    <select name="day">
    <option value="na">Day</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>
    
    <select name="year">
    <option value="na">Year</option>
    <option value="2009">2009</option>
    <option value="2008">2008</option>
    <option value="2007">2007</option>
    <option value="2006">2006</option>
    <option value="2005">2005</option>
    <option value="2004">2004</option>
    <option value="2003">2003</option>
    <option value="2002">2002</option>
    <option value="2001">2001</option>
    <option value="2000">2000</option>
    <option value="1999">1999</option>
    <option value="1998">1998</option>
    <option value="1997">1997</option>
    <option value="1996">1996</option>
    <option value="1995">1995</option>
    <option value="1994">1994</option>
    <option value="1993">1993</option>
    <option value="1992">1992</option>
    <option value="1991">1991</option>
    <option value="1990">1990</option>
    <option value="1989">1989</option>
    <option value="1988">1988</option>
    <option value="1987">1987</option>
    <option value="1986">1986</option>
    <option value="1985">1985</option>
    <option value="1984">1984</option>
    <option value="1983">1983</option>
    <option value="1982">1982</option>
    <option value="1981">1981</option>
    <option value="1980">1980</option>
    <option value="1979">1979</option>
    <option value="1978">1978</option>
    <option value="1977">1977</option>
    <option value="1976">1976</option>
    <option value="1975">1975</option>
    <option value="1974">1974</option>
    <option value="1973">1973</option>
    <option value="1972">1972</option>
    <option value="1971">1971</option>
    <option value="1970">1970</option>
    <option value="1969">1969</option>
    <option value="1968">1968</option>
    <option value="1967">1967</option>
    <option value="1966">1966</option>
    <option value="1965">1965</option>
    <option value="1964">1964</option>
    <option value="1963">1963</option>
    <option value="1962">1962</option>
    <option value="1961">1961</option>
    <option value="1960">1960</option>
    <option value="1959">1959</option>
    <option value="1958">1958</option>
    <option value="1957">1957</option>
    <option value="1956">1956</option>
    <option value="1955">1955</option>
    <option value="1954">1954</option>
    <option value="1953">1953</option>
    <option value="1952">1952</option>
    <option value="1951">1951</option>
    <option value="1950">1950</option>
    <option value="1949">1949</option>
    <option value="1948">1948</option>
    <option value="1947">1947</option>
    <option value="1946">1946</option>
    <option value="1945">1945</option>
    <option value="1944">1944</option>
    <option value="1943">1943</option>
    <option value="1942">1942</option>
    <option value="1941">1941</option>
    <option value="1940">1940</option>
    <option value="1939">1939</option>
    <option value="1938">1938</option>
    <option value="1937">1937</option>
    <option value="1936">1936</option>
    <option value="1935">1935</option>
    <option value="1934">1934</option>
    <option value="1933">1933</option>
    <option value="1932">1932</option>
    <option value="1931">1931</option>
    <option value="1930">1930</option>
    <option value="1929">1929</option>
    <option value="1928">1928</option>
    <option value="1927">1927</option>
    <option value="1926">1926</option>
    <option value="1925">1925</option>
    <option value="1924">1924</option>
    <option value="1923">1923</option>
    <option value="1922">1922</option>
    <option value="1921">1921</option>
    <option value="1920">1920</option>
    <option value="1919">1919</option>
    <option value="1918">1918</option>
    <option value="1917">1917</option>
    <option value="1916">1916</option>
    <option value="1915">1915</option>
    <option value="1914">1914</option>
    <option value="1913">1913</option>
    <option value="1912">1912</option>
    <option value="1911">1911</option>
    <option value="1910">1910</option>
    <option value="1909">1909</option>
    </select>

  • #2
    hmmm nobody has any idea on this one?

    Comment


    • #3
      My reply has been fully edited.
      Last edited by coothead; 01-09-2011, 05:52 AM.


      ~ the original bald headed old fart ~

      Comment


      • #4
        Lets see if I'm of any help here... Hmm... I'll also streamline the "year" list using Javascript.

        Well, I'm a bit of a newb at this, so I don't know what the heck "return wait_for_load(this, event, function() { editor_date_month_change(this, 'birthday_day','birthday_year'); });" means. So, just put that back in if you need it for something.

        Code:
        <html>
        <head>
        <title>Test</title>
        </head>
        <body>
        Date Of Birth:
        <select name="month" onChange="changeDate(this.options[selectedIndex].value);">
        <option value="na">Month</option>
        <option value="1">January</option>
        <option value="2">February</option>
        <option value="3">March</option>
        <option value="4">April</option>
        <option value="5">May</option>
        <option value="6">June</option>
        <option value="7">July</option>
        <option value="8">August</option>
        <option value="9">September</option>
        <option value="10">October</option>
        <option value="11">November</option>
        <option value="12">December</option>
        </select>
        <select name="day" id="day">
        <option value="na">Day</option>
        </select>
        <select name="year" id="year">
        <option value="na">Year</option>
        </select>
        <script language="JavaScript" type="text/javascript">
        function changeDate(i){
        var e = document.getElementById('day');
        while(e.length>0)
        e.remove(e.length-1);
        var j=-1;
        if(i=="na")
        k=0;
        else if(i==2)
        k=28;
        else if(i==4||i==6||i==9||i==11)
        k=30;
        else
        k=31;
        while(j++<k){
        var s=document.createElement('option');
        var e=document.getElementById('day');
        if(j==0){
        s.text="Day";
        s.value="na";
        try{
        e.add(s,null);}
        catch(ex){
        e.add(s);}}
        else{
        s.text=j;
        s.value=j;
        try{
        e.add(s,null);}
        catch(ex){
        e.add(s);}}}}
        y = 2010;
        while (y-->1909){
        var s = document.createElement('option');
        var e = document.getElementById('year');
        s.text=y;
        s.value=y;
        try{
        e.add(s,null);}
        catch(ex){
        e.add(s);}}
        </script>
        </body>
        </html>
        My only disclaimer is that I have no formal training in html or javascript, so if this isn't what you wanted, then sorry.

        Edit: oops too late.
        Edit again: Actually, his doesn't work properly. Well, at least his code looks alot cooler than mine.

        Comment


        • #5
          Originally posted by StaticSpeed View Post
          Lets see if I'm of any help here... Hmm... I'll also streamline the "year" list using Javascript.

          Well, I'm a bit of a newb at this, so I don't know what the heck "return wait_for_load(this, event, function() { editor_date_month_change(this, 'birthday_day','birthday_year'); });" means. So, just put that back in if you need it for something.
          Quite frankly, StaticSpeed, I don't care about qualification, I care about results and YOU - you certainly deliver, so don't worry abut no qualifications ... what for - to deliver codes they don't work ...?

          Your sample is just what I needed and it WORKS perfectly (after one day of jacky Googleing ... am tired of reading through their rubbish collection)

          Wondering, if you may be interested in doing some extra work? If yes send me a PM, Thanks

          Comment


          • #6
            Renegades, this thread is a year old. I'm not even sure that the poster is still a contributing member.
            Cat-herder Extraordinaire

            Comment

            Working...
            X