Web Development with jQuery®

Dynamically Loading JavaScript (^) ❘ 203
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
table.calendarMonth th {
font-weight: 200 ;
border: 1px solid rgb(224, 224, 224);
padding: 10px;
}
tr.calendarHeading th {
font: 24px Helvetica, Arial, sans-serif;
}
table.calendarMonth td {
border: 1px solid rgb(224, 224, 224);
vertical-align: top;
padding: 10px;
}
td.calendarLastMonth,
td.calendarNextMonth {
color: rgb(204, 204, 204);
background: rgb(244, 244, 244);
}
td.calendarDaySelected {
background: yellow;
}
tr.calendarWeekSelected {
background: lightyellow;
}
td.calendarToday {
background: gold;
}
Then the following JavaScript is applied:
$(document).ready(
function()
{
$.getScript(
'../jQueryUI.js',
function()
{
$('table.calendarMonth td:not(td.calendarLastMonth,
td.calendarNextMonth)').click(
function()
{
if ($(this).css('background-color') != 'rgb(200, 200,
200)')
{
$(this).animate({
'background-color' : 'rgb(200, 200, 200)'
},
1000
);
}
else
http://www.it-ebooks.info