Availability calendar provided by dateblocker.com

Availability calendar

We were recently asked to provide a website design for a holiday rental cottage.  Having searched many sites trying to find a holiday for ourselves we realised how frustrating it is when you find exactly the place you want to go to but can’t find out whether it is available online. So we carried out some research and found an availability calendar provided by DateBlocker.com. We setup a test holiday property and have used this page to display the results.

As well as being able to display a calendar showing available, booked, pending and special offers dates, a google map and booking form can also be used. You can customise the information displayed, for example the colours and number of months displayed.


Example of availability calendar

This section displays an example of the link and embedded availability calendar provided by DateBlocker.com. The colour, number of months and the size of the calendar can be changed. Visit DateBlocker.com for a full list of settings.

Example link to the availability calendar

Test Property

Example of the embedded availability calendar



Example of map

This section displays an example of the link and embedded map provided by DateBlocker.com. An image can be displayed and the size of the map can be changed. Visit DateBlocker.com for a full list of settings.

Example link to the map

View Map

Example of the embedded map


Example of property booking request form

This section displays an example of the link and embedded property booking request form provided by DateBlocker.com. The colour and size of the form can be changed. Visit DateBlocker.com for a full list of settings.
When a booking request is completed, the dates will show as pending in the calendar. An email is sent to the customer, thanking them for their request and informing them that it will be processed as soon as possible. It also has a copy of the booking request.
An email is also sent to the property owner, with details of the booking request and a link to the DateBlocker.com site where they can check the booking and update the calendar.

Example link to the property booking request form

Test Property

Example of the embedded property booking request form


A few things to note

The embedded calendar, map and booking form use a third party cookie ‘ASP.NET_SessionId’ and the map uses the third party cookie ‘referer’. See our news item ‘Comply with the EU cookie law’.
After we copied the code from the dateblocker.com site to our webpage we checked the markup (XHTML) to ensure that it was valid. There were a number of issues:

Error/warning Resolution
there is no attribute "height" element "iframe" undefined Change the DOCTYPE from strict to transitional
cannot generate system identifier for general entity "UserId" general entity "PropertyId" not defined and no default entity
reference not terminated by REFC delimiter
reference to external entity in attribute value
cannot generate system identifier for general entity "Width"
Replace & with &
there is no attribute "SCROLLING" Replace SCROLLING with scrolling
an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified
NET-enabling start-tag not immediately followed by null end-tag
end tag for element "a" which is not open
Put quotes around “http://www......”



Latest News

WebsiteBuilder demonstration
WebsiteBuilder demonstration

We created a demonstration website using an affordable content management system by 1 & 1.


Availability calendar for holiday rental website
Availability calendar for holiday rental website

We investigated options for an availability calendar for a holiday cottage website.


Comply with the EU cookie law
Comply with the EU cookie law

Being a website design business it is important to comply with the new law so we started looking into solutions.


Use QR codes for business cards etc QR code for Norfolk Design Studio website address

For mobile phone users adding a QR code can be useful on business cards and advertising.