VlaCalendar version 2.1 released

VlaCalendar version 2.1 released – ajax, javascript, vista, calendar, mootools, datepicker, vlacalendar, compatible

A new version of my Vista-like Ajax Calendar (vlaCalendar) has been released:
version 2.1 is made compatible with MooTools installment, version 1.2, and offers some new features:

  • Compatible with mootools 1.2
  • New user requested features:
    • Prefilling the date input
    • Default view option
    • Input and datepicker linkage; if the input is changed the datepicker will adapt itself to that input

Documentation, examples, and the download are available here.

If you made a new style (theme) for the calendar and you want to share it, send it to rcz<at>base86.com. If you used the calendar and/or datepicker some where, I'd appreciate it if you'd let me know by adding a comment!

Update September 6, 2008: VlaCalendar version 2.1.1 released. Minor changes in the PHP code.

Author rcz Time Jul 2, 2008 Comment on 'VlaCalendar version 2.1 released' Add comment Bookmark 'VlaCalendar version 2.1 released' Bookmark Permalink to 'VlaCalendar version 2.1 released' Permalink
Bookmark 'VlaCalendar version 2.1 released' to Netvouz Bookmark 'VlaCalendar version 2.1 released' to Facebook Bookmark 'VlaCalendar version 2.1 released' to Furl Bookmark 'VlaCalendar version 2.1 released' to Technorati Bookmark 'VlaCalendar version 2.1 released' to Stumble Upon Bookmark 'VlaCalendar version 2.1 released' to Digg Bookmark 'VlaCalendar version 2.1 released' to Del.icio.us

Comments (36)

Comment author Carlo Veltri Comment author website chepelle.alte[...]rg/wordpress Time Jul 2, 2008 05:25 GMT #1
How can i use it in my wordpress sidebar?
Comment author rcz Time Jul 2, 2008 08:28 GMT #2
How can i use it in my wordpress sidebar?
Good idea to make a Wordpress plugin of it. I'll look into it.
Comment author dway Time Jul 5, 2008 02:16 GMT #3
Big, big thank you.
Best DatePicker I've found.
Comment author mellow_bunny Comment author email mellow<at>mellowspace.com Time Jul 10, 2008 02:01 GMT #4
Thanks dude! This is a great wee script. I've found some errors in the 2.1 script though. I'm not sure if it's just something I did or what.

I found in the base.php and month.php file some php code which opened with
  1. <?=
instead of
  1. <?php
.

I had to change them all to <?php for the script to run correctly.
Comment author rcz Time Jul 10, 2008 10:28 GMT #5
Its a setting in your PHP configuration which also allows <?= notation. Almost every webhosting has this setting set to true. Be sure to change <?= to "<?= echo" tho.
Comment author Evan Meagher Comment author email evan.meagher<at>fadv.com Time Jul 17, 2008 04:43 GMT #6
Awesome! I have been patiently awaiting this for MooTools 1.2 and it's the best out there!

Thanks so much for everything!
Comment author Artem Nezvigin Time Jul 18, 2008 10:38 GMT #7
The sloppy PHP code is what is keeping me from using this. You should code using E_STRICT from now on if you're going to be doing public releases. Much of your code generates PHP warnings left and right.

You should not be using short tags to open PHP documents. The most you should ever do with short tags is implement them in templates like so:
<?=$some_template_var?>

Cool looking calendar though, wish it was stable enough for the public.
Comment author rcz Time Jul 19, 2008 01:08 GMT #8
The sloppy PHP code is what is keeping me from using this. You should code using E_STRICT [..] looking calendar though, wish it was stable enough for the public.
I've tested and implemented the calendar in various situations and on various webhosts without any problems.
You are most certainly correct about the shorttags notation. Thanks for the criticism I shall definitely look into the PHP code for the next release. A client side (PHP-less) only plugin will probably be released soon.
Comment author ksl Time Jul 20, 2008 08:41 GMT #9


Thank you for nice script
I tried to install you script on my site, but unfortunately can start one yet.

I downloaded archive vlaCalendar version 2.1 unpacked and transfer to server.
Acc. To Example I write following text:

<head>
<title>Untitled</title>
<script type="text/javascript" src="jslib/mootools-1.2-core"></script>
<script type="text/javascript" src="jslib/vlaCal-v2.1"></script>
<script type="text/javascript">window.addEvent('domready', function() { initialize() })</script>
<link type="text/css" media="screen" href="styles/vlaCal-v2.css" rel="stylesheet" />
<script type="text/javascript">
window.addEvent('domready', function() {
//Datepicker
new vlaDatePicker('exampleI');
});
</script>
</head>

<body>

select date :<input id="exampleI" name="date" type="text" style="width: 80px;" maxlength="10" />

I’ve got errors:
Error: window.addEvent is not a function

When I removed window.addEvent

<head>
<title>Test title</title>
<script type="text/javascript" src="jslib/mootools-1.2-core.js"></script>
<script type="text/javascript" src="jslib/vlaCal-v2.1.js"></script>

<script type="text/javascript">
//Datepicker
new vlaDatePicker('exampleI', { defaultView: 'year' });

</script>
</head>

<body>

Select date: <input id="exampleI" name="date" type="text" style="width: 80px;" maxlength="10" />

</body>

I’ve got following errors:
Error: uncaught exception: No (existing) element to create a datepicker for specified: new vlaDatePicker(ELEMENT, [options])

Could you tell me what I made wrong ?
Thank you for answer.
Comment author ksl Time Jul 20, 2008 08:44 GMT #10
sorry, misprint... I can't run script unfortunately :-( Could you explain please what I doing wrong ?
Comment author rcz Time Jul 21, 2008 11:22 GMT #11
In the first example you don't seem to have included mootools correcly, otherwise the addevent will work. You have src="jslib/mootools-1.2-core" with should be src="jslib/mootools-1.2-core.JS".

The second error states that the element for which you want to create the datepicker does not exist. This is because the DOM isnt ready yet: the code should be in the domready event.
Comment author ksl Time Jul 21, 2008 05:47 GMT #12
Thank you for quick response. It was my fault.
I changed html code acc. to you recommendations.
See example - http://www.railway.te.ua/calendar/
When I open page - I can see calendar table. Calendar pick-up function is not working.
Could you tell me, how to set pick-up Calendar closer to input field?
Thanks for help.

<title>Test Calendar</title>
<script type="text/javascript" src="jslib/mootools-1.2-core.js"></script>
<script type="text/javascript" src="jslib/vlaCal-v2.1.js"></script>

<link type="text/css" media="screen" href="styles/vlaCal-v2.css" rel="stylesheet" />
<script type="text/javascript">
window.addEvent('domready', function() {
//Datepicker
new vlaDatePicker('exampleI');
});
</script>
</head>

<body>

<h3>Calendar test</h3>

select date :<input id="exampleI" name="date" type="text" style="width: 80px;" maxlength="10" />

Question 2: I’d like to translate Calendar titles to Russian –is it possible ?
Comment author ksl Time Jul 21, 2008 05:56 GMT #13
I changed css path - Calendar works fine. :-)
Comment author ksl Time Jul 21, 2008 06:10 GMT #14
Sorry for question. I see in FireFox whole table of Calendar, I see half of Calendar table in IE7
Should I change CSS style ?
see screenshots:
IE7 -http://www.railway.te.ua/calendar/ie7screen.gif
Opera 9.5- http://www.railway.te.ua/calendar/opera95screen.gif
FireFox - http://www.railway.te.ua/calendar/firefox-screen.gif
Comment author rcz Time Jul 21, 2008 11:24 GMT #15
Change your doctype to a XHTML variant like:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

IE browsers are crap.

The language can be changed in the file vars.php.
Your other question(s) can be answered by reading the documentation thoroughly and experimenting yourself.

Try to keep your comments somewhat smaller Face: Happy
Comment author ksl Time Jul 22, 2008 09:11 GMT #16
After changing Doctype Calendar works fine with IE7. Thank you for help
Translated Russian version of monthes you can download here - http://www.railway.te.ua/calendar/vars.zip
Thank you for Help. Face: Happy
Comment author Marc Time Jul 29, 2008 12:19 GMT #17
I'm getting this message when I click on the input field. The calendar shows up with this message:

What is it?

Notice: Undefined index: pickedDate in /srv/www/web4/web/test/inc/month.php on line 7 Notice: Undefined index: ts in /srv/www/web4/web/test/inc/month.php on line 14
}"> Su
30 1 2 3 4 5 6
Notice: Undefined variable: row in /srv/www/web4/web/test/inc/month.php on line 64 7 8 9 10 11 12 13
14
Comment author ana Comment author email sweet_1985girl<at>yahoo.com Time Aug 1, 2008 12:21 GMT #18
hi!
can i use ASP files instead of PHP files?
Comment author Michael Time Aug 7, 2008 11:06 GMT #19
Hello,

I use this code :


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.    <head>
  4.        <title>Welcome</title>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.         <script type="text/javascript" src="jslib/mootools-1.2-core.js"></script>
  7.         <script type="text/javascript" src="jslib/vlaCal-v2.1.js"></script>
  8.         <link type="text/css" media="screen" href="styles/vlaCal-v2.1.css" rel="stylesheet" />
  9.  
  10.         <script language="javascript">
  11.  
  12.         window.addEvent('domready', function() {
  13.                 new vlaDatePicker('exampleIV-B', { style: 'apple_widget', offset: { x: 3, y: 1 } });
  14.         });
  15.                 
  16.                 
  17.  
  18.         </script>
  19.    </head>
  20.    <body>
  21.      <input id="exampleIV-B" type="text" style="width: 80px;" maxlength="10" />
  22.    </body>
  23. </html>



But I have problems and problems with Javascript (Firebug help me but i'm not able to debug everything).

Anybody can send a pack with HTML file ? I think there is a problem of path ?


Thank's
Michael
Comment author Michael Time Aug 7, 2008 11:16 GMT #20
Sorry I found the solution alone ... Face: Shocked

In fact, php short tags were disabled in the php configuration (by default with wamp server)

I had just to click on the wamp icon, php configuration, short open tag and finally restart the server !
Comment author Web Design Glasgow Comment author website www.intraspin.com Time Aug 9, 2008 12:20 GMT #21
Hi, this looks good, but I've put it into my app and it returns the following error on line 192:

'this.parent is not a function'

I've pretty much copied Example III verbatim. Any thoughts?

Thanks
Comment author NT Time Aug 11, 2008 06:56 GMT #22
Looks nice, but I will have to pass for now because of the Creative Commons Attribution- NonCommercial 3.0 License. It would be nice if you offered licensing options for those of us who would like to use it as part of a commercial site.
Comment author ksl Time Aug 15, 2008 12:20 GMT #23
I run ok Calendar pickup service on site url like this: sitename.com. When I changed path for page for example sitename.com/dir1/dir2/ I can't see Calendar pickup table with dates - only warning error message showed: "action = inc/base.php" I changed paths on page like this:
src="../../jslib/mootools-1.2-core.js" for vlaCal-v2.1.js, vlaCal-v2.1.css How to set absolute path for Calendar script ? Thank you.
Comment author rcz Time Aug 15, 2008 12:27 GMT #24
Hi, this looks good, but I've put it into my app and it returns the following error on line 192:

'this.parent is not a function'

I've pretty much copied Example III verbatim. Any thoughts?

Thanks
Could be a lot of things. Do you have it online somewhere?

I run ok Calendar pickup service on site url like this: sitename.com. When I changed path for page for example sitename.com/dir1/dir2/ I can't see Calendar pickup table with dates - only warning error message showed: "action = inc/base.php" I changed paths on page like this:
src="../../jslib/mootools-1.2-core.js" for vlaCal-v2.1.js, vlaCal-v2.1.css How to set absolute path for Calendar script ? Thank you.
Provide an absolute path with the filePath option. See the source of the example and documentation page for an example.
Comment author ksl Time Aug 15, 2008 01:04 GMT #25
Thank you for quick response. Please take into account - you should not only add string site path but also add "inc" path to the end of string. For example:
good - new vlaDatePicker('exampleI', { separator: '-', filePath: 'http://sitename.com/inc/',startMonday: true });
Comment author ksl Time Aug 15, 2008 04:50 GMT #26
is it possible to add close button on PickupCalendar window where month generated ?
Comment author ksl Time Aug 17, 2008 09:16 GMT #27
Is it possible to show dates in Calendar pickup Dates grid where next dates more then current date? for example: today Aug 20 - show in grid all dates more Aug 20 - 21,22.... May be filter dates by cell color? Thank you for answer.
Comment author ksl Time Aug 17, 2008 11:06 GMT #28
How to block Calendar to force write current date in input value when date was given in form by post method? For example: I send to form page date =20-08-2008. When I show form element - I see current date in input filed (17-08-2008) but I see my date in Calendar Table (blue frame near 20). Thank you for answer
Comment author mads Comment author email madstt<at>gmail.com Time Aug 18, 2008 10:34 GMT #29
Love the simplicity and look of this script. Is there any way I can use it for my travel agency website?
Comment author greg Comment author email gregson2<at>gmail.com Time Aug 18, 2008 08:35 GMT #30
Can I use ASP classic code instead of PHP???
Comment author Jlhs5 Comment author email adlaremse<at>gmail.com Time Aug 19, 2008 03:21 GMT #31
Fantastic Script, only a wish list , Holliday days from xml, json for disable or style change,
Comment author clint Time Aug 21, 2008 05:22 GMT #32
Hi,

Is it possible to use this on multiple form elements on the same page?
Comment author rcz Time Aug 23, 2008 09:10 GMT #33
is it possible to add close button on PickupCalendar window where month generated ?
Sure, calls the close() function of the instance.
Is it possible to show dates in Calendar pickup Dates grid where next dates more then current date? for example: today Aug 20 - show in grid all dates more Aug 20 - 21,22.... May be filter dates by cell color? Thank you for answer.
Not possible in this version. Could be. Good feature for next version.
How to block Calendar to force write current date in input value when date was given in form by post method? For example: I send to form page date =20-08-2008. When I show form element - I see current date in input filed (17-08-2008) but I see my date in Calendar Table (blue frame near 20). Thank you for answer
Again check documentation. Set the prefillDate option to false.
Love the simplicity and look of this script. Is there any way I can use it for my travel agency website?
Not with the current license. I could give you permission to use it, a donation would be appreciated Face: Laughing .
Can I use ASP classic code instead of PHP???
Nope. But a client side only version is being developed.
Is it possible to use this on multiple form elements on the same page?
Yups. Check documentations featurelist: 'Both normal and datepicker calendar can be instantiated multiple times'
Comment author Johnny Time Aug 29, 2008 02:02 GMT #34
You've one of the better calendars out there. Is there any chance of getting a license for commercial use of your calendar?
Comment author Kwil Time Sep 3, 2008 05:48 GMT #35
For information i had the same problem than Marc.
Undefined index:, Undefined variable, etc.

First of all, you shouldn't be using short tag not every webhoster activate it.
Furthermore, i had to modify your PHP script to make it works.
- On line 7 of month.php, i added a isset for pickedDate
- On line 14 of month.php, i added an @ didn't want to search to long for $_POST["ts"]
- And i added a $row=0; in vars.php.


Using PHP is an idea, not the best imho, but well if you want to stick with it you should try coding it correctly. I'm sure I do some errors in my code, but not those. And it's not by testing it on some server that it runs smoothly everywhere.

My 2 cents.
Comment author rcz Time Sep 6, 2008 06:20 GMT #36
You've one of the better calendars out there. Is there any chance of getting a license for commercial use of your calendar?
I'm not familiar with applying commercial licenses. I'll have to look into that.
For information i had the same problem than Marc.
Undefined index:, Undefined variable, etc.
[..]
And it's not by testing it on some server that it runs smoothly everywhere.

My 2 cents.
Thanks for your input. I've released a new version with minor PHP code changes. Should comply with E_STRICT standards now if default timezone is set.

Add comment

Your name
Your email or website (optional)
Icon
Confirmation code
Confirmation code
Message
face:happy face:glasses face:devilgrin face:crying face:grin face:laughing face:sad face:kiss face:shocked face:wink face:monkey face:angel