Click here to Skip to main content
Click here to Skip to main content

Calendar Control for your Web site – An HTML Component (HTC)

By , 28 Jun 2003
 

Sample Image - Calendar_Control.png

Introduction

More than thousands of web sites are selling this kind of web based calendar controls. Have a look at this HTML component. Feel free to use/modify if you want, in your development. Please get back to me if you want to add any special features that you like.

This web based calendar control is fully written as an HTC component by using HTML and DHTML.

To learn about HTC please visit:

Special features

  • Fully functional at client side (pure thin client) and no round trips to the server.
  • Reusable HTC component. So it takes all the advantages of HTC.
  • Navigation controls to navigate day, week, month, year are implemented in this HTC component.
  • Look and feel UI for picking date.
  • All controls are created at run time and optimized for speed.
  • Full "interactive help" like tool tips, descriptions provided.

Limitation

At present, only IE 5.0 or later browsers support this HTC technology. Microsoft is still waiting for World Wide Web Consortium adoption. So, to successfully deploy this control on a web site, a browser detection routine is required to ensure the user is running a version of IE 5.0 or later, before launching the components.

Files

This control pack contains the following 4 files.

  • Calendar.htc

    Core component, contains all business logic implemented by myself.

  • Calendar.htm

    HTML page will be displayed in a dialog box and it has one instance of the above Calendar.htc component.

  • MyWebPage.htm

    Sample web page using this calendar control.

  • Calendar.gif

    Image to be rendered on calendar button of the sample web page.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

About the Author

Venkatakarthikeyan Natarajamoorthy
Software Developer (Senior)
United States United States
Member
Venkat Nataraj works as a Technical Consultant for GE Healthcare, USA. Earlier, he worked as a Software Tech Lead for Dell Inc, System Analyst for Satyam Computer Services and Software Engineering Consultant for GE Power Systems, Bently Nevada. He is an MCSD.NET early achiever. He has been working in the last 11+ years in software design and development of leading-edge business solutions with various development tools, technologies, platforms, and architectures. Here is the latest certifications by him:
 
• General Electric (GE) Certified GE Green Belt in Six Sigma
• Microsoft Certified Professional (MCP)
• Microsoft Certified Application Developer for Microsoft .NET (MCAD.NET)
• Microsoft Certified Solution Developer for Microsoft .NET (MCSD.NET)
• MCSD.NET Early achiever
• Brainbench Certified Visual C++ programmer
• Computer Society of India (CSI) awarded first place in the inter-college Computer Quiz Competition
• Computer Society of India (CSI) awarded first place in the inter-college Software Contest
• Received “Process Innovation” award from Dell Inc
 
He spends his free time with music, watching hollywood movies and Sujatha's stories. His favorite musician is Ilayaraja. Bringing real music to his soul and heart. Hariharan is his most favorite singer.

Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
You must Sign In to use this message board.
Search this forum  
    Spacing  Noise  Layout  Per page   
QuestionHow to make it works in firefoxmemberMember 916387924 Jun '12 - 7:24 
How to make it works in firefox
Generalvery badmemberMember 192035512 Apr '11 - 0:58 
not working in Firefox Mozilla
QuestionHow to use it?memberkunaaldesai12 Nov '09 - 12:12 
Well, this is my very first Web Application and I have downloaded your calender control to use in my website. I recieved two files calender.htm nad calender.hts. But the question i show to use them?
 
I have tried giving link of HTc control to my Web page but all I see is a link NOT a control there?
 
could you be more elaborative that users like me can understand how to use it?
Questionhow to make dis calendar work in firefox?memberricha mihani20 Jul '09 - 10:00 
hi,
i wanted to knw hw cn v make dis calendar work in firefox.i need it quite urgently, so will b waitin fr an early reply.i wud also lyk to knw sum basic concepts abt hw dis calendar is made as i m a beginner to html nd xhtml.
Generaldoesn't work in mozilla firefoxmemberSandip Panchal29 Mar '09 - 20:14 
Hi,
 
This calendar control doesn't work in mozilla firefox Frown | :( . can you provide a new version which can work on mozilla. Thumbs Up | :thumbsup:
 
thanks
QuestionConvert HTC calendar to Asp.net User control [modified]memberMember 213558830 Jul '08 - 22:17 
Pls guide me how to start with converting the HTC control into asp.net user control.
We have been using 2.0 framework of asp.net..It populates all the controls dynamically which i dont want to reciprocate for User control... Pls treat this as urgent..thx
 
puneet
modified on Thursday, July 31, 2008 4:24 AM

GeneralGood onemembersathishC51 Mar '07 - 17:43 
hi
 
Good Stuff
 
keep up the good work
 
if it solve some drawbacks it helps to be one of the great
 
1)6 weeks display all the time(empty row at top or bottom)
 
2)if we give wrong date(eg feb 31) its automatically move to march 3rd
 

reg
 
sathish.c
Cool | :cool:

GeneralCalendar and NetscapememberEEJohn14 Aug '06 - 8:27 
I've discovered that Netscape, FireFox and Opera do not recognize any date after 2000 so here is the code I have added to my calendar to make it work in these browers. I hope someone finds it useful.
 
if (nCurrentYear < 2000){nCurrentYear = nCurrentYear + 1900}
GeneralProvide more implementation detail in article itself.memberTittle Joseph28 Feb '06 - 20:06 
Hi, Just a suggestion.
 
I wish you provide more coding implementation detail in the article itself, you know 80% of the users read between the lines, but if you have some important code or pictures in between those are not skipped, we are normally lazy downloading the demo project and then going through unless we are really looking for such thing.
 
Also I wish instead of window.showmodaldialog if you have used IFRAME, because it is fast and does not have 'title' on top.
 
Thanks
 
---------
Tittle
GeneralDoes not handle custom weeks daysmemberbalzac4 Jan '06 - 10:16 
The component is written to handle only a Sunday to Saturday week. Many countries have weeks beginning and ending on different days. For instance in the middle east the week starts on Fridays and ends on Thursdays.
 
Balzac

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Permalink | Advertise | Privacy | Mobile
Web03 | 2.6.130523.1 | Last Updated 29 Jun 2003
Article Copyright 2003 by Venkatakarthikeyan Natarajamoorthy
Everything else Copyright © CodeProject, 1999-2013
Terms of Use
Layout: fixed | fluid