GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

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

calendar-widget
ΜΗΝΙΑΙΟ ΗΜΕΡΟΛΟΓΙΟ ΓΙΑ ΤΟ 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>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".