SlideShare a Scribd company logo
calendar.html
<head>
   <title>Java Script Calender Date Picker</title>
   <meta http-equiv="Content-Type" content="text/html;">
   <script language="javaScript"
    type="text/javascript" src="calendar.js"></script>
   <link href="calendar.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#666666">
    <form>
       <input type="text" name="datum1"><a href="#"
        onClick="setYears(1947, 2008);
        showCalender(this, 'datum1');">
       <img src="calender.png"></a>
    </form>
    <!-- Calender Script -->
    <table id="calenderTable">
        <tbody id="calenderTableHead">
          <tr>
            <td colspan="4" align="center">
              <select onChange="showCalenderBody(

createCalender(document.getElementById('selectYear').value,
                   this.selectedIndex, false));"
                   id="selectMonth">
                      <option value="0">Jan</option>
                      <option value="1">Feb</option>
                      <option value="2">Mar</option>
                      <option value="3">Apr</option>
                      <option value="4">May</option>
                      <option value="5">Jun</option>
                      <option value="6">Jul</option>
                      <option value="7">Aug</option>
                      <option value="8">Sep</option>
                      <option value="9">Oct</option>
                      <option value="10">Nov</option>
                      <option value="11">Dec</option>
                  </select>
            </td>
            <td colspan="2" align="center">
            <select onChange="showCalenderBody(createCalender(this.value,
              document.getElementById('selectMonth').selectedIndex, false));"
              id="selectYear">
            </select>
                       </td>
           <td align="center">
            <a href="#" onClick="closeCalender();">
              <font color="#003333" size="+1">X</font>
            </a>
           </td>
        </tr>
</tbody>
        <tbody id="calenderTableDays">
          <tr style="">
            <td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td>
            <td>Thu</td><td>Fri</td><td>Sat</td>
          </tr>
        </tbody>
        <tbody id="calender"></tbody>
    </table>
<!-- End Calender Script -->
  </body>
</html>

More Related Content

More from karan chanana

Load image of choice by karan chanana
Load image of choice by karan chananaLoad image of choice by karan chanana
Load image of choice by karan chanana
karan chanana
 
Adding text to an image by karan chanana
Adding text to an image by karan chananaAdding text to an image by karan chanana
Adding text to an image by karan chanana
karan chanana
 
Accessing data from a simple post by karan chanana
Accessing data from a simple post by karan chananaAccessing data from a simple post by karan chanana
Accessing data from a simple post by karan chanana
karan chanana
 
Add text on image by karan chanana
Add text on image by karan chananaAdd text on image by karan chanana
Add text on image by karan chanana
karan chanana
 
Java script errors by karan chanana
Java script errors by karan chananaJava script errors by karan chanana
Java script errors by karan chanana
karan chanana
 
Java script while loop by karan chanana
Java script while loop by karan chananaJava script while loop by karan chanana
Java script while loop by karan chanana
karan chanana
 
Karan chanana
Karan chananaKaran chanana
Karan chanana
karan chanana
 
Calendar html code by karan chanana
Calendar html code by karan chananaCalendar html code by karan chanana
Calendar html code by karan chananakaran chanana
 
Karan is an indian
Karan is an indianKaran is an indian
Karan is an indian
karan chanana
 

More from karan chanana (9)

Load image of choice by karan chanana
Load image of choice by karan chananaLoad image of choice by karan chanana
Load image of choice by karan chanana
 
Adding text to an image by karan chanana
Adding text to an image by karan chananaAdding text to an image by karan chanana
Adding text to an image by karan chanana
 
Accessing data from a simple post by karan chanana
Accessing data from a simple post by karan chananaAccessing data from a simple post by karan chanana
Accessing data from a simple post by karan chanana
 
Add text on image by karan chanana
Add text on image by karan chananaAdd text on image by karan chanana
Add text on image by karan chanana
 
Java script errors by karan chanana
Java script errors by karan chananaJava script errors by karan chanana
Java script errors by karan chanana
 
Java script while loop by karan chanana
Java script while loop by karan chananaJava script while loop by karan chanana
Java script while loop by karan chanana
 
Karan chanana
Karan chananaKaran chanana
Karan chanana
 
Calendar html code by karan chanana
Calendar html code by karan chananaCalendar html code by karan chanana
Calendar html code by karan chanana
 
Karan is an indian
Karan is an indianKaran is an indian
Karan is an indian
 

Calendar html code by karan chanana

  • 1. calendar.html <head> <title>Java Script Calender Date Picker</title> <meta http-equiv="Content-Type" content="text/html;"> <script language="javaScript" type="text/javascript" src="calendar.js"></script> <link href="calendar.css" rel="stylesheet" type="text/css"> </head> <body bgcolor="#666666"> <form> <input type="text" name="datum1"><a href="#" onClick="setYears(1947, 2008); showCalender(this, 'datum1');"> <img src="calender.png"></a> </form> <!-- Calender Script --> <table id="calenderTable"> <tbody id="calenderTableHead"> <tr> <td colspan="4" align="center"> <select onChange="showCalenderBody( createCalender(document.getElementById('selectYear').value, this.selectedIndex, false));" id="selectMonth"> <option value="0">Jan</option> <option value="1">Feb</option> <option value="2">Mar</option> <option value="3">Apr</option> <option value="4">May</option> <option value="5">Jun</option> <option value="6">Jul</option> <option value="7">Aug</option> <option value="8">Sep</option> <option value="9">Oct</option> <option value="10">Nov</option> <option value="11">Dec</option> </select> </td> <td colspan="2" align="center"> <select onChange="showCalenderBody(createCalender(this.value, document.getElementById('selectMonth').selectedIndex, false));" id="selectYear"> </select> </td> <td align="center"> <a href="#" onClick="closeCalender();"> <font color="#003333" size="+1">X</font> </a> </td> </tr>
  • 2. </tbody> <tbody id="calenderTableDays"> <tr style=""> <td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td> <td>Thu</td><td>Fri</td><td>Sat</td> </tr> </tbody> <tbody id="calender"></tbody> </table> <!-- End Calender Script --> </body> </html>