Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Calendars

EvenTouch Calendar

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

EvenTouch Calendar - CodeCanyon Item for Sale


Ad: Bluehost hosting

Try it yourself

ADMIN (admin; admin)


This item represents an events calendar, offered as a jQuery plugin.
NOTE: The PHP version is now included!

It looks like Google Calendar (the first one on CodeCanyon), but in a simpler way.
It is composed in two parts :
  • Horizontal month calendar (to go to a certain date easily)
  • Week calendar (the main calendar, we can go to previous/next weeks with it)
The calendar manage the time with half hours (so, 48 cells a day), and it authorizes only one event at a T time.
It uses HTML / CSS / JS.

What can you do with it?

  • To see the list of events
  • To navigate into the calendar (with or without the horizontal month calendar)
  • To manage the four masks (days / hours)
  • To create events
  • To modify events (date, duration, information)
  • To delete events


  • Event management
  • Fastest events editor with drag and drop / click / resize system
  • Event collision system (to authorize only one event at a time)
  • Different color for each event (with a Color-Chooser element)
  • Masks management (to customize the view)


  • V1.1
    • Redraw calendar function added (to recalculate coordinates for masks and events)
    • Documentation updated
    • Z-index improvement while dragging events
    • PHP Version added (with its own documentation, login system, MySQL events storage)

Compatible browsers

  • IE8+
  • Firefox
  • Chrome
  • Etc.

Use of external scripts

  • HTML5Shiv : HTML5 management for older browsers (and IE)
  • DateJS : Easier date management
  • jQuery MiniColors : Simple color-chooser
  • Shadowbox : Enhanced Lightbox
  • jQuery : THE Javascript library
  • jQuery UI : THE main jQuery plugin

Important notes

I want to add some useful things to this calendar.
I’m working on it to have a future version with these features :
  • Fluid calendar with percent sizes
  • Different management of the calendar in the code (it uses some coordinates)
  • Fix bugs reported to me
It will be added for the V2, as soon as possible..

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


3 April 12

Last Update:

High Resolution:

Files Included:
JavaScript JS, HTML, CSS


eCommerce, eCommerce, All Items, agenda, calendar, drag, drag drop, drop, event, google, jquery, month, resize, selectable, touch, week