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

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

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

<script>

setCal()

function getTime() {

var now = new Date()

var hour = now.getHours()

var minute = now.getMinutes()

now = null

var ampm = ""

if (hour >= 12) {

hour -= 12

ampm = "pm"

} else

ampm = "am"

hour = (hour == 0) ? 12 : hour

if (minute < 10)

minute = "0" + minute

return hour + ":" + minute + " " + ampm}

function leapYear(year) {

if (year % 4 == 0)

return true

return false}

function getDays(month, year) {

var ar = new Array(12)

ar[0] = 31 // January

ar[1] = (leapYear(year)) ? 29 : 28 // February

ar[2] = 31 // March

ar[3] = 30 // April

ar[4] = 31 // May

ar[5] = 30 // June

ar[6] = 31 // July

ar[7] = 31 // August

ar[8] = 30 // September

ar[9] = 31 // October

ar[10] = 30 // November

ar[11] = 31 // December

return ar[month]}

function getMonthName(month) {

var ar = new Array(12)

ar[0] = "January"

ar[1] = "February"

ar[2] = "March"

ar[3] = "April"

ar[4] = "May"

ar[5] = "June"

ar[6] = "July"

ar[7] = "August"

ar[8] = "September"

ar[9] = "October"

ar[10] = "November"

ar[11] = "December"

return ar[month]}

function setCal() {

var now = new Date()

var year = now.getYear()

if (year < 1000)

year+=1900

var month = now.getMonth()

var monthName = getMonthName(month)

var date = now.getDate()

now = null

var firstDayInstance = new Date(year, month, 1)

var firstDay = firstDayInstance.getDay()

firstDayInstance = null

var days = getDays(month, year)

drawCal(firstDay + 1, days, date, monthName, year)}

function drawCal(firstDay, lastDate, date, monthName, year) {

var headerHeight = 40 // υψος κελιού επικεφαλίδας

var border = 2 // 3D ύψος του περιγράματος του πίνακα

var cellspacing = 4 // πλάτος του περιγράματος του πίνακα

var headerColor = "#F11111" // χρώμα κειμένου επικεφαλίδας

var headerSize = "+2" // μέγεθος κειμένου επικεφαλίδας

var colWidth = 30 // πλάτος στηλών πίνακα

var cellHeight = 30 // ύψος γραμμών πίνακα

var dayCellHeight = 20 // ύψος κελιών των ημερών της εβδομάδας

var dayColor = "#173377" // χρώμα κειμένου των ημερών της εβδομάδας

var todayColor = "#F11111" // χρώμα τρέχουσας ημέρας

var timeColor = "#105105" // χρώμα τωρινής ώρας

var text = ""

text += '<CENTER>'

text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>'

text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>'

text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>'

text += monthName + ' ' + year

text += '</FONT>'

text += '</TH>'

var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'

openCol += '<FONT COLOR="' + dayColor + '">'

var closeCol = '</FONT></TD>'

var weekDay = new Array(7)

weekDay[0] = "Sun"

weekDay[1] = "Mon"

weekDay[2] = "Tues"

weekDay[3] = "Wed"

weekDay[4] = "Thu"

weekDay[5] = "Fri"

weekDay[6] = "Sat"

text += '<TR ALIGN="center" VALIGN="center">'

for (var dayNum = 0; dayNum < 7; ++dayNum) {

text += openCol + weekDay[dayNum] + closeCol}

text += '</TR>'

var digit = 1

var curCell = 1

for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {

text += '<TR ALIGN="right" VALIGN="top">'

for (var col = 1; col <= 7; ++col) {

if (digit > lastDate)

break

if (curCell < firstDay) {

text += '<TD></TD>';

curCell++

} else {

if (digit == date) { // current cell represent today's date

text += '<TD HEIGHT=' + cellHeight + '>'

text += '<FONT COLOR="' + todayColor + '">'

text += digit

text += '</FONT><BR>'

text += '<FONT COLOR="' + timeColor + '" SIZE=2>'

text += '<CENTER>' + getTime() + '</CENTER>'

text += '</FONT>'

text += '</TD>'

} else

text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'

digit++}}

text += '</TR>'}

text += '</TABLE>'

text += '</CENTER>'

document.write(text)}

</script>