How to add two calendars on the same html page

Home Answers Viewqa Date-Calendar How to add two calendars on the same html page

Nilima Avinash Raut

How to add two calendars on the same html page
2 Answer(s) a year and 5 months ago
Posted in : Date-Calendar

I have used the same code as on this site http://www.roseindia.net/javascript/javascript-calendar.shtml for implementing calendar for my project.and the code is working fine when i use single calendar for a single html page.but while implementing two calendars on same html page it doesn't work..The first calendar works but the second calendar doesn't work.

I have googled it out and learnt that only we need to change the id..But i was unable to do find which id needs to be changed in this code.

Please someone help me with this..

View Answers

November 30, 2011 at 1:14 PM

Do changes in calendar.hmtl file. Rest of the code remains same.

<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, 2012);
       showCalender(this, 'datum1');">
       <img src="calender.png"></a>
<br>
       <input type="text" name="datum2"><a href="#" 
       onClick="setYears(1947, 2012);
       showCalender(this, 'datum2');">
      <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>

November 30, 2011 at 2:29 PM

Thanks this was what i expected..

Thanks a lot

How to add two calendars on the same html page
How to add two calendars on the same html page I have used the same... use single calendar for a single html page.but while implementing two calendars on same html page it doesn't work..The first calendar works but the second

add same tables in jsp page
add same tables in jsp page hi I have a table in my jsp page with data, now I want to add same copy of table without its default value in same page whenever I click add more table, how do I do

to upload a table from DB to the same html page
to upload a table from DB to the same html page how to make this booklist table to be opened in the same html page itself using a third frame

how to add the two tables in same row when generating pdf file from jsp - JSP-Servlet
how to add the two tables in same row when generating pdf file from jsp How to add the two tables in same row one is left side and other is right side please help me. Hi Friend, Try the following code

Two Pagination in one page
Two Pagination in one page hai friends any one help me. how do u make two pagination script in same page i'm used some ajax coding one pagination script is working but another pagination is not working please help me urgent

Posting comments to same page with textarea
to the same page. Many thanks for that. However I wanted it to add other...Posting comments to same page with textarea I have been given some... great code Comment: user two wrote I agree Comment: user three wrote I agree

HTML
in HTML. In this Tutorial, the code create a HTML Page, which depicts you how... The Frame in HTML is used to display more than one web pages in the same page... The Tutorial illustrates an example, how to post image in HTML page

how to add the calendar to the dynamic rows in html or jsp page - JSP-Servlet
how to add the calendar to the dynamic rows in html or jsp page Hi Sir, i have 3 columns in my jsp page date of payment,amount recieved,no and i have 2 button in my jsp page ADD and delete button. when i click on add

add
How to add two int numbers in Java Example How to add two int numbers in Java Example Here is a java example that accepts two integer from the user and find their sum. import java.util.*; class AddNumbers

add
How to add two numbers in Java add two number Here is a java example that accepts two integer from the user and find their sum. import java.util.*; class AddNumbers { public static void main(String[] args

how to do two database tables in one page?
how to do two database tables in one page? dear all: i want to show these two database tables in one page. one table on the left (dbtable.jsp) and the other on the right (table2.jsp). how can i do that with HTML? this is my

Introduction to HTML
for Hyper Text Markup Language. Using HTML we can create a Web Page which can... the source code of the web page, you will see the general structure of the HTML... of the HTML Version being used. An HTML document is deivided mainly into two parts

Servlets errors in same page.
Servlets errors in same page. How do I display errors list in the same page where a form field exists using servlets...........i.e. without using JSP? Please explain with a simple username password program

How to display content in same page while selecting fron dropdown list
How to display content in same page while selecting fron dropdown list ... HTML page is created and is sent to the browser so, any event is encountered...),then it want to display all records from table specific to that rollno in that same

Displaying checked checkbox in same page as well as print on another page ....also add next pages cheches checkbox into previous list
Displaying checked checkbox in same page as well as print on another page... page. It works... But when i go to another page link containing same format... page's selected checkbox in display list on same pages respectively.( i don't

How can I output text typed in textarea by user on the same page?
How can I output text typed in textarea by user on the same page? I have a basic HTML page where I have created a textarea for users comments. I would like to take the comments and append them to the same page for all to see

display checked ckeckbox in same jsp page
display checked ckeckbox in same jsp page how to display checked ckeckbox in same jsp page? Hi, Here is the html code to display check... ,selected checked checkboxes in another table in same jsp page. (for example

Vertical Frameset in HTML
pages in the same page of browser window. In this Tutorial, the code define a example from vertical Frameset. For this we create a two html page name .- The first page is Qualification.html, In this page we create two radio button

Add two big numbers
Add two big numbers In this section, you will learn how to add two big numbers...): This method is used to add the two BigDecimal numbers. Here is the code of program

How to add radio button value in a table for particular field?
How to add radio button value in a table for particular field? Hi,I... having three fields one for employee name those are showing in this page dynamically from other table and two radio button one for present and the second

JavaScript add row dynamically to table
. In this example we will describe you how to add row dynamically to the table by the program. To illustrate example, we have first created a HTML page and into this page we have created a table with one row. We have one button "Add

html
add a header in the html page what we can do to add a header in the html page

login for different user in the same page
login for different user in the same page how can i do the login for different user in the same page throug jsp

html
html How to add the calendar in html code

How to add google page in my webpage using jquery ajax.
How to add google page in my webpage using jquery ajax. Hi, I created a page index.html on desktop . this page content following code. <html>... not open on my browser. how google page will load using ajax. thanks

html
html what we can do to add a header in the html page

Show Hyperlink in HTML Page
Show Hyperlink in HTML Page ... code show you a HTML page, that create a link to another page. The code begins...; On execution of html code, the page is displayed as The web

html
html how to convert html page into jsp page

how to execute the below servlet with html page
how to execute the below servlet with html page //vallidate user n...,ServletException { res.setContentType("text/html"); PrintWriter out=res.getWriter... res)throws IOException,ServletException { res.setContentType("text/html

html
Adding Header in HTML what we can do to add a header in the html page

HTML
HTML How do we specify page breaks in HTML

how to show hyperlink website on the same page
how to show hyperlink website on the same page dear sir: i need to know how can you show a webiste on the same page. for example i want to show... on the same page weather it is left aligned or right. i read somewhere that you

What is PSD to HTML conversion?
is PSD to HTML conversion? The process to creating the HTML web page from the PSD... or .jpg format. Then web page developer creates css file and HTML files.... Steps to convert PSD to HTML web page Step 1: Look at the PSD design and thing

Include Static HTML Page in JSP
Include Static HTML Page in JSP This example shows how to include static html page... to include html page. The following includeStatic.jsp page shows the include tag

html
html Can we Access database through html page and how,if not then why

html
html how we can give the form actions in html after register button in the login page

HTML
HTML actually what is a static page and dynamic page? and also what is the difference between these two

how to connect two swing frames
how to connect two swing frames how to connect two swing frames...); add(label1); add(text1); add(label2); add(text2); add(SUBMIT... if(value1.equals(uname) && value2.equals(pass)) { NextPage page=new NextPage

Button Size HTML
submits HTML page. In the following example we will learn how to change the size of a HTML button. First we create a HTML page. Then we display a HTML Button... function etc. In this example we have explained you how to add the style sheet

HTML
HTML how can we design the gird form view in html i want... the judges.Under the video of the work i want two buttons like view and download.send me the coding for this in html

how to add pageup page down functionality in scrolpane
how to add pageup page down functionality in scrolpane how to add pageup page down functionality in scrolpane. In my GUI untill i dont click on screen area , the page up & pagedown button not works . what should i do to make

Add music to my web page
Add music to my web page How do I add midi music to my web page

divide html page
divide html page how to divide html page into 3 parts without using frames

html
html How to develope a web page with Audio and vidios? give One example

how to add web cam in web page
how to add web cam in web page how do i embed my webcam in web page. code for embedding web cam in web page

Populate value into HTML page
Populate value into HTML page Hi, How to populate values from one html page table to another html page..? Thanks

HTML
HTML How can we increase the row size in the grid form view of the table.I want to store the maximum 4 details of the candidate in one page of the grid table view

how to add new column before two column in sql.
how to add new column before two column in sql. how to add new column in table before two column in sql. Syntax of Alter table: ALTER... named 'employee' having three fields id, name and salary. Now we want to add two

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.

Tutorial Topics