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

DOCX
TXT
New 2
DOCX
Validaformulariojs
TXT
Formulir Pendaftaran Member Bebek Goreng H. Nur
TXT
Teste
PPTX
FW4 LED fixture application shots
New 2
Validaformulariojs
Formulir Pendaftaran Member Bebek Goreng H. Nur
Teste
FW4 LED fixture application shots

Viewers also liked (15)

PPTX
Tarea del seminario 7
PDF
SIN TOUR PROMO
DOCX
Emilias omslag
PPTX
LESSON 1 SACRAMENTS OVERVIEW
PDF
Untitled Presentation
PPT
Eng. 571 Presentation I
PPT
Villarruel y dallasera17
PPTX
Dolorees
PPTX
Actividad 2.
PPTX
Dui penalties 2nd offense
PDF
Registro completo de calificaciones de T.S.U web
PDF
TRABAJO DE COREL DRAW
PPTX
Relative clauses
PPT
los años 50
Tarea del seminario 7
SIN TOUR PROMO
Emilias omslag
LESSON 1 SACRAMENTS OVERVIEW
Untitled Presentation
Eng. 571 Presentation I
Villarruel y dallasera17
Dolorees
Actividad 2.
Dui penalties 2nd offense
Registro completo de calificaciones de T.S.U web
TRABAJO DE COREL DRAW
Relative clauses
los años 50
Ad

More from karan chanana (10)

DOCX
Javascript validation by karan chanana
DOCX
Load image of choice by karan chanana
DOCX
Calendar html code by karan chanana
DOCX
Adding text to an image by karan chanana
DOCX
Accessing data from a simple post by karan chanana
DOCX
Add text on image by karan chanana
DOCX
Java script errors by karan chanana
DOCX
Java script while loop by karan chanana
DOCX
Karan chanana
DOCX
Karan is an indian
Javascript validation by karan chanana
Load image of choice by karan chanana
Calendar html code by karan chanana
Adding text to an image by karan chanana
Accessing data from a simple post by karan chanana
Add text on image by karan chanana
Java script errors by karan chanana
Java script while loop by karan chanana
Karan chanana
Karan is an indian
Ad

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>