WorldWideScripts.net 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 WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


EvenTouch Calendar - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Try it yourself

DEMO
ADMIN (admin; admin)

Information

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

Features

  • 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)

Changelog

  • 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..


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

Properties

Created:
3 April 12

Last Update:
N/A

High Resolution:
No

Files Included:
JavaScript JS, HTML, CSS

Keywords

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