ΜΗΝΙΑΙΟ ΗΜΕΡΟΛΟΓΙΟ ΓΙΑ ΤΟ BLOG ΣΑΣ Νο 2

ΜΗΝΙΑΙΟ ΗΜΕΡΟΛΟΓΙΟ ΓΙΑ ΤΟ BLOG ΣΑΣ Νο 2

Με το παρακάτω script μπορείτε να βάλετε ένα μηνιαίο ημερολόγιο σε όποια πλευρική μπάρα του blog σας θέλετε ή σε όποιοδήποτε άλλο σημείο του blog σας ταιριάζει καλύτερα. Για να αλλάξετε τα χρώματα και τις διαστάσεις του ημερολογίου πηγαίνετε στο μέσον περίπου του κώδικα και αλλάξτε τα γαλάζια νούμερα και τους 6ψήφιους κωδικούς των χρωμάτων που προηγήται το σύμβολο της δίεσης. Δείτε το σε λειτουργία ακριβώς κάτω από εδώ. ▼

<script>

var day_of_week = new Array('Sun','Mon','Tue','Wed','Thu','Fri','Sat');

var month_of_year = new Array('January','February','March','April','May','June','July','August','September','October','November','December');

var Calendar = new Date();

var year = Calendar.getFullYear();     // Returns year

var month = Calendar.getMonth();    // Returns month (0-11)

var today = Calendar.getDate();    // Returns day (1-31)

var weekday = Calendar.getDay();    // Returns day (1-31)

var DAYS_OF_WEEK = 7;    // "constant" for number of days in a week

var DAYS_OF_MONTH = 31;    // "constant" for number of days in a month

var cal;    // Used for printing

Calendar.setDate(1);    // Start the calendar day at '1'

Calendar.setMonth(month);    // Start the calendar month at now

var TR_start = '<TR>';

var TR_end = '</TR>';

var highlight_start = '<TD WIDTH="32"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR="#00FF00" BORDERCOLOR="#FFFF00"><TR><TD WIDTH=32><B><CENTER>';

var highlight_end   = '</CENTER></TD></TR></TABLE></B>';

var TD_start = '<TD WIDTH="32"><CENTER>';

var TD_end = '</CENTER></TD>';

cal =  '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR="#FBBB22"><TR><TD>';

cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;

cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#661111"><CENTER><B>';

cal += month_of_year[month]  + '   ' + year + '</B>' + TD_end + TR_end;

cal += TR_start;

for(index=0; index < DAYS_OF_WEEK; index++){

if(weekday == index)

cal += TD_start + '<B>' + day_of_week[index] + '</B>' + TD_end;

else

cal += TD_start + day_of_week[index] + TD_end;}

cal += TD_end + TR_end;

cal += TR_start;

for(index=0; index < Calendar.getDay(); index++)

cal += TD_start + '  ' + TD_end;

for(index=0; index < DAYS_OF_MONTH; index++){

if( Calendar.getDate() > index ){

  week_day =Calendar.getDay(); 

  if(week_day == 0)

  cal += TR_start;

  if(week_day != DAYS_OF_WEEK){

  var day  = Calendar.getDate();

  if( today==Calendar.getDate() )

  cal += highlight_start + day + highlight_end + TD_end;

  else

  cal += TD_start + day + TD_end;}

  if(week_day == DAYS_OF_WEEK)

  cal += TR_end;}

  Calendar.setDate(Calendar.getDate()+1);}

cal += '</TD></TR></TABLE></TABLE>';

document.write(cal);

</script>