My little Javascript class mzCalendar / wrote yesterday /

My little Javascript class mzCalendar / wrote yesterday /

My little Javascript class mzCalendar That displays calendar. Easy install and use.

demo : http://migli.net/mzCalendar/

javascript : http://migli.net/mzCalendar/mzCalendar.js

css :
<style>
*{ font-size:13px;}
#mzCalendar { position:fixed; border:5px solid #cccccc; background:#FFFFFF; font-size:12px; width:200px; padding:3px; display:none; z-index:100;}
#mzCalendar .month { width:40%; float:left; padding:3px;}
#mzCalendar .year { width:40%; text-align:right; float:right; padding:3px;}
#mzCalendar .cbody { clear:both;}
#mzCalendar .cbody td { text-align:center; width:15px;}
#mzCalendar .cbody a { color:#000000; text-decoration:none; display:block;}
#mzCalendar .cbody a:hover { text-decoration:underline; background:#CCCCCC;}
#mzCalendar .cbody .seld { background:#0099FF;}
#mzCalendar .cbody .vac { color:#FF0000;}
</style>


in html
<input type='text' value='2010-12-13' id='aa1' readonly><a href='javascript:{}' onclick='cal.show("aa1");'>click</a>