ASP Multi Availability Calendar
Multi Availability Calendar is an extension for Adobe Dreamweaver that allows to install a Calendar that displays, and allows to edit, availability for multiple items or persons (rental properties, rooms, cars, bikes, boats, planes, professionals available on daily basis, such as drivers, guides, teachers, caterers, entertainers, etc), thus permitting to offer a quick overview of days that are booked and days that are available - all in a single calendar.
New: Dreamweaver is no longer a mandatory requirement for this product. Beside a Dreamweaver extension, we are launching a version that can be used directly, without having to use Dreamweaver, just by copying the files and pasting the code into your webpage.
For instance, the following could be a calendar showing availability of several rental properties:
In this calendar, the red bars indicate the days that are already booked for each property
The main features of this calendar are:
- Two modes: "Availability Mode" and "Booking Mode":
- The "Availability Mode" can be used on any webpage just to show the level of occupation of different items;
- The "Booking Mode", in addition to showing the occupation level, allows to insert the calendar inside a booking form, where users can select start and end day of their reservation from the days that are shown as available.
- Includes an administration area to define unavailable days, with the following features:
- Possibility to choose different colors to indicate unavailable days, for example holidays can be shown differently than booked days; or, some specific bookings can be shown differently;
- Additional data can be entered for each booking for administrator's perusal, or optionally, you can decide to show these additional data in form of dynamic floating panels on public calendars (in both booking and availability modes). This can be useful, for example, to show to the users the reasons why some items are not available, or just to have a quick reference of reservation data for the administration;
- The administration interface, as well as the public calendar, use Ajax technology, which makes this extension more modern and comfortable in use;
- The administration interface requires ASP on your web server, but the public calendar, made with Ajax, can be inserted in a page with .HTML extension, or any other extension. In any case, the server must support ASP scripts;
- Allows to place links to the days of the calendar and select what exactly should trigger the floating panels to appear - click or mouseover;
- Minimum server and software requirements.
For more details please have a look at the following demo's:
- Demo of the Admin Area.
- Example of a calendar in Availability Mode.
- Example of a calendar in Booking Mode.
In addition, check out this video for a quick guidance on how to install and use this product:
- Video / Tutorial: Video on the installation and use of the product.
We kept the requirements as minimal as possible, which is why our calendar does not use external databases, but an internal system of text files. The following is required:
- Your web server must support ASP scripts.
- You must set writing permissions onto folder "DC_ASPAvailabilityCal/admin/database" and to files inside it.
- If you want to use it as a Dreamweaver extension: Dreamweaver MX (6) or later versions (MX, MX 2004, DW 8, CS3, CS4, CS5, CS6, ...)
Demo: Public calendar in "Booking Mode"
Demo: Admin Area
Note: Check the video on the installation and use of the product.
Important note: To see the administration changes applied into the "public" calendars above you must refresh this page.
If you aren't using Dreamweaver then ignore the references to Dreamweaver below and follow the instructions specified into the "readme.txt" file located into the folder "Non-Dreamweaver version" (after unzipping the downloaded file). Basically just copy the files into your website.
To install the extension in Dreamweaver, you can double click the downloaded .MXP file, or alternatively, open the Adobe Extension Manager and open the .MXP file from there.
After this initial step, restart Dreamweaver and a new item will show up in your menu "Dreamweaver > Commands > Insert ASP Availability Calendar".
To insert the calendar into your web page, first open the page where you wish to insert it, - make sure this page is saved within your website! - then use your Dreamweaver menu option "Commands >> Insert ASP Availability Calendar."
The following dialog window will be shown:
The fields that should be defined in this setup window are:
- Language: indicates the language of the public calendar. It can be: English, Spanish, French, Italian, German, Japanese, Portuguese and Dutch.
- Calendar Mode: Select if you wish to show the calendar in Booking Mode or Availability Mode.
- Username: user name to edit the calendar in the administration area.
- Password: Password to edit the calendar in the administration area.
From this point forward save your page and make sure to upload it onto your server, along with the folder DC_ASPAvailabilityCal that will be generated automatically within your website.
The administration area can be accessed from the address http://your-web-site/DC_ASPAvailabilityCal/admin
In addition there is an advanced administration system (optional) that allows to create new calendars and set them up directly from the web interface. That advanced admin system can be accessed from the starting page of your administration area.
CAPTURING THE POSTED DATA (only if you are using it in "Booking Mode")
Sending to the server and data saving script are NOT included in this product, however, in this page we explain how you can achieve this using other products.
If you are writing by yourself the form's processing code, then you need to know that the calendar put the reservation dates into hidden fields to allow the selected data to be posted just like normal form's fields:
... where "cal1" is the calendar's ID and "DC_itemcal1" is the ID of the selected item. Then, to get those fields form a ASP code (example) you can use a code like this one: