Με αυτόν τον οδηγό θα προσθέσετε στο ιστολόγιό σας ένα Ελληνικό ημερολόγιο ... Για να το πραγματοποιήσετε ακολουθείστε τα παρακάτω:
1) Σύνδεση στον λογαριασμό σας από το blogger.com
2) Διάταξη> Στοιχεία σελίδας> Προσθήκη gadget> HTML / Javascript
3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:<script>
setCal ()
getTime λειτουργία () {
/ / Αρχικοποίηση του χρόνου που σχετίζονται με τις μεταβλητές με τις τρέχουσες ρυθμίσεις του χρόνου
var σήμερα = νέα Ημερομηνία ()
var ώρα = now.getHours ()
var λεπτά = now.getMinutes ()
Τώρα = null
var AmPm = ""
/ / Επικύρωση των ωριαίων τιμών και να ορίσετε αξία των AmPm
εάν (ώρα> = 12) {
-= ώρα 12
AmPm = "Μμ"
} Αλλιώς
AmPm = "Πμ"
ώρα = (ώρα == 0); 12: ώρες
/ / Προσθέστε μηδέν ψηφίο σε ένα ψηφίο ενός λεπτών
αν (λεπτά <10)
λεπτά = "0" + λεπτά / / Δεν αναλύσει τον αριθμό αυτό!
/ / String χρόνος επιστροφής
επιστροφή ώρα + ":" + λεπτό + "" + AmPm
}
leapYear λειτουργία (έτος) {
αν (έτος 4% == 0) / / βασικός κανόνας
return true / / είναι δίσεκτο έτος
/ * Άλλο * / / / άλλος δεν χρειάζεται όταν δήλωση είναι "επιστροφή"
return false / / δεν είναι δίσεκτο χρόνια
}
getDays λειτουργία (μήνας, έτος) {
/ / Δημιουργία πίνακα για να κρατήσει τον αριθμό των ημερών του κάθε μήνα
var ar = νέα Array (12)
ar [0] = 31 / / Ιανουάριος
ar [1] = (leapYear (έτος)); 29: 28 / / Φεβρουάριος
ar [2] = 31 / / Μάρτιος
ar [3] = 30 / / Απρίλιος
ar [4] = 31 / / Μάιος
ar [5] = 30 / / Ιούνιος
ar [6] = 31 / / Ιούλιος
ar [7] = 31 / / Αύγουστος
ar [8] = 30 / / Σεπτέμβριος
ar [9] = 31 / / Οκτώβριος
ar [10] = 30 / / Νοέμβριος
ar [11] = 31 / / Δεκέμβριος
/ / Αριθμός των ημερών επιστροφή στην καθορισμένη μήνα (παράμετρος)
επιστροφή ar [μήνας]
}
getMonthName λειτουργία (μήνα) {
/ / Δημιουργία πίνακα για να κρατήσει το όνομα του κάθε μήνα
var ar = νέα Array (12)
ar [0] = "Ιανουάριος"
ar [1] = "Φεβρουάριος"
ar [2] = "Μάρτιος"
ar [3] = "Απρίλιος"
ar [4] = "Μάιος"
ar [5] = "Ιούνιος"
ar [6] = "Ιούλιος"
ar [7] = "Αύγουστος"
ar [8] = "Σεπτέμβριος"
ar [9] = "Οκτώβριος"
ar [10] = "Νοέμβριος"
ar [11] = "Δεκέμβριος"
/ / Το όνομα επιστροφή καθορίζεται μηνιαίως (παράμετρος)
επιστροφή ar [μήνας]
}
setCal λειτουργία () {
/ / Χειμερινή ώρα ιδιότητες
var σήμερα = νέα Ημερομηνία ()
var now.getYear έτος = ()
αν (έτος <1000)
έτος + = 1900
var now.getMonth μήνα = ()
var MONTHNAME = getMonthName (μήνας)
var ημερομηνία = now.getDate ()
Τώρα = null
/ / Δημιουργία παράδειγμα της πρώτης ημέρας του μήνα, καθώς και απόσπασμα από την ημέρα κατά την οποία επέρχεται
var firstDayInstance = νέα ημερομηνία (έτος, μήνας, 1)
var firstDayInstance.getDay firstDay = ()
firstDayInstance = null
/ / Αριθμός των ημερών του τρέχοντος μήνα
ημέρα var = getDays (μήνας, έτος)
/ / Λειτουργία κλήσης να επιστήσω ημερολόγιο
drawCal (firstDay + 1, ημέρα, ημερομηνία, MONTHNAME, έτος)
}
drawCal λειτουργία (firstDay, lastDate, ημερομηνία, MONTHNAME, έτος) {
/ / Σταθερή σερβίτσια
var headerHeight = 50 / / το ύψος του κελιού κεφαλίδας του πίνακα
var border = 2 / / 3D ύψος του περιγράμματος του πίνακα του
var cellspacing = 4 / / πλάτος του περιγράμματος του πίνακα του
var headerColor = "midnightblue" / / το χρώμα της κεφαλίδας πίνακα
var headerSize = "3" / / μεγέθους των πινάκων γραμματοσειράς επικεφαλίδας
var colWidth = 60 / / πλάτος των στηλών του πίνακα
var dayCellHeight = 25 / / ύψος των κυττάρων που περιέχουν τις ημέρες της εβδομάδας
var dayColor = "κόκκινο" / / χρώμα της γραμματοσειράς που εκπροσωπούν ημέρες της εβδομάδας
var cellHeight = 40 / / ύψος των κυττάρων που αντιπροσωπεύουν τις ημερομηνίες στο ημερολόγιο
var todayColor = "κόκκινο" / / χρώμα προσδιορίζοντας τη σημερινή ημερομηνία στο ημερολόγιο
var timeColor = "πράσινων" / / χρώμα της γραμματοσειράς που αντιπροσωπεύει την τρέχουσα ώρα
/ / Δημιουργία βασική δομή του πίνακα
var κείμενο = "" / / αρχικοποίηση παρολί μεταβλητή με κενό string
κείμενο + '<center> »=
κείμενο + = '<table BORDER=' + + συνόρων »CELLSPACING=' + ρυθμίσεις cellspacing +'>' / / τραπέζι
κείμενο + »<TH COLSPAN=7 HEIGHT=' + + headerHeight'> '= / / δημιουργία κελιών κεφαλίδας πίνακα
κείμενο + = '<FONT COLOR="' + + headerColor'" SIZE=' + + headerSize'>' / / font οριστεί για επικεφαλίδα του πίνακα
κείμενο + = MONTHNAME + '' + χρόνια
κείμενο + = '</ font>' / / κλείσιμο της κεφαλίδας πίνακα ρυθμίσεις γραμματοσειράς
κείμενο + "</ TH> '= / / κλείσει κελί κεφαλίδας
/ / Μεταβλητές για να κρατήσει σταθερές τις ρυθμίσεις
var openCol = '<td WIDTH=' + colWidth + »HEIGHT=' + + dayCellHeight'>»
openCol + = '<FONT COLOR="' + + dayColor'"> »
var closeCol = '</ font> </ td> »
/ / Δημιουργία σειρά από συντομογραφίες ημέρες
var εργάσιμη μέρα = νέα Array (7)
ημέρα της εβδομάδας [0] = "Κυρ"
ημέρα της εβδομάδας [1] = "Δευτ"
ημέρα της εβδομάδας [2] = "Τρι"
ημέρα της εβδομάδας [3] = "Τετ"
ημέρα της εβδομάδας [4] = "Πεμ"
ημέρα της εβδομάδας [5] = "Παρ"
ημέρα της εβδομάδας [6] = "Σαβ"
/ / Δημιουργία πρώτη σειρά του πίνακα για να ορίσετε το πλάτος στήλης και να καθορίσετε ημέρα της εβδομάδας
κείμενο + = '<TR ALIGN="center" VALIGN="center"> »
για (var dayNum = 0? dayNum <7? + + dayNum) {
κείμενο + = + openCol ημέρα της εβδομάδας [dayNum] + closeCol
}
κείμενο + = '</ tr> "
/ / Δήλωση και αρχικοποίηση των δύο μεταβλητών για να βοηθήσει με τους πίνακες
var ψηφίο = 1
var curCell = 1
για (var γραμμή = 1? γραμμή <= Math.ceil ((lastDate + firstDay - 1) / 7)? + + σειρά) {
κείμενο + = '<TR ALIGN="right" valign="top"> »
για (var col = 1? col <= 7? + + col) {
αν (ψηφίο lastDate>)
διακοπή
αν (curCell firstDay <) {
κείμενο + = '<td> </ td> »?
curCell + +
} Else {
αν (ψηφίο == ημερομηνία) {/ / τρέχον κελί αντιπροσωπεύουν τη σημερινή ημερομηνία
κείμενο + = '<td HEIGHT=' + + cellHeight'> »
κείμενο + = '<FONT COLOR="' + + todayColor'"> »
κείμενο + = ψηφίο
κείμενο + = '</ font> <br> »
κείμενο + = '<FONT COLOR="' + + timeColor'" size=2> »
κείμενο + = '<center>' + getTime () + "</ CENTER> '
κείμενο + = '</ font> "
κείμενο + = '</ td> »
} Αλλιώς
κείμενο + = '<td HEIGHT=' + + cellHeight'> «+ ψηφίο' </ td> '+
ψηφίο + +
}
}
κείμενο + = '</ tr> "
}
/ / Κλείσει όλες τις βασικές λέξεις-κλειδιά τραπέζι
κείμενο + = '</ TABLE> "
κείμενο + = '</ center>'
/ / Εκτύπωση συσσωρευτικών string HTML
document.write (κείμενο)
}
</ Script>
4) Αποθηκεύστε και τελειώσατε ...
ΣΗΜΕΙΩΣΗ: Για μικρότερες sidebar μπορείτε να χρησιμοποιήσετε αυτόν τον κώδικα ...<script>
setCal ()
getTime λειτουργία () {
/ / Αρχικοποίηση του χρόνου που σχετίζονται με τις μεταβλητές με τις τρέχουσες ρυθμίσεις του χρόνου
var σήμερα = νέα Ημερομηνία ()
var ώρα = now.getHours ()
var λεπτά = now.getMinutes ()
Τώρα = null
var AmPm = ""
/ / Επικύρωση των ωριαίων τιμών και να ορίσετε αξία των AmPm
εάν (ώρα> = 12) {
-= ώρα 12
AmPm = "PM"
} Αλλιώς
AmPm = "AM"
ώρα = (ώρα == 0); 12: ώρες
/ / Προσθέστε μηδέν ψηφίο σε ένα ψηφίο ενός λεπτών
αν (λεπτά <10)
λεπτά = "0" + λεπτά / / Δεν αναλύσει τον αριθμό αυτό!
/ / String χρόνος επιστροφής
επιστροφή ώρα + ":" + λεπτό + "" + AmPm
}
leapYear λειτουργία (έτος) {
αν (έτος 4% == 0) / / βασικός κανόνας
return true / / είναι δίσεκτο έτος
/ * Άλλο * / / / άλλος δεν χρειάζεται όταν δήλωση είναι "επιστροφή"
return false / / δεν είναι δίσεκτο χρόνια
}
getDays λειτουργία (μήνας, έτος) {
/ / Δημιουργία πίνακα για να κρατήσει τον αριθμό των ημερών του κάθε μήνα
var ar = νέα Array (12)
ar [0] = 31 / / Ιανουάριος
ar [1] = (leapYear (έτος)); 29: 28 / / Φεβρουάριος
ar [2] = 31 / / Μάρτιος
ar [3] = 30 / / Απρίλιος
ar [4] = 31 / / Μαΐου
ar [5] = 30 / / Ιούνιος
ar [6] = 31 / / Ιούλιος
ar [7] = 31 / / Αύγουστος
ar [8] = 30 / / Σεπτέμβριος
ar [9] = 31 / / Οκτώβριος
ar [10] = 30 / / Νοέμβριος
ar [11] = 31 / / Δεκέμβριος
/ / Αριθμός των ημερών επιστροφή στην καθορισμένη μήνα (παράμετρος)
επιστροφή ar [μήνας]
}
getMonthName λειτουργία (μήνα) {
/ / Δημιουργία πίνακα για να κρατήσει το όνομα του κάθε μήνα
var ar = νέα Array (12)
ar [0] = "Ιανουάριος"
ar [1] = "Φεβρουάριος"
ar [2] = "Μάρτιος"
ar [3] = "Απρίλιος"
ar [4] = "Μάϊος"
ar [5] = "Ιούνιος"
ar [6] = "Ιούλιος"
ar [7] = "Αύγουστος"
ar [8] = "Σεπτέμβριος"
ar [9] = "Οκτώμβριος"
ar [10] = "Νοέμβριος"
ar [11] = "Δεκέμβριος"
/ / Το όνομα επιστροφή καθορίζεται μηνιαίως (παράμετρος)
επιστροφή ar [μήνας]
}
setCal λειτουργία () {
/ / Χειμερινή ώρα ιδιότητες
var σήμερα = νέα Ημερομηνία ()
var now.getYear έτος = ()
αν (έτος <1000)
έτος + = 1900
var now.getMonth μήνα = ()
var MONTHNAME = getMonthName (μήνας)
var ημερομηνία = now.getDate ()
Τώρα = null
/ / Δημιουργία παράδειγμα της πρώτης ημέρας του μήνα, καθώς και απόσπασμα από την ημέρα κατά την οποία επέρχεται
var firstDayInstance = νέα ημερομηνία (έτος, μήνας, 1)
var firstDayInstance.getDay firstDay = ()
firstDayInstance = null
/ / Αριθμός των ημερών του τρέχοντος μήνα
ημέρα var = getDays (μήνας, έτος)
/ / Λειτουργία κλήσης να επιστήσω ημερολόγιο
drawCal (firstDay + 1, ημέρα, ημερομηνία, MONTHNAME, έτος)
}
drawCal λειτουργία (firstDay, lastDate, ημερομηνία, MONTHNAME, έτος) {
/ / Σταθερή σερβίτσια
var headerHeight = 50 / / το ύψος του κελιού κεφαλίδας του πίνακα
var border = 2 / / 3D ύψος του περιγράμματος του πίνακα του
var cellspacing = 4 / / πλάτος του περιγράμματος του πίνακα του
var headerColor = "midnightblue" / / το χρώμα της κεφαλίδας πίνακα
var headerSize = "3" / / μεγέθους των πινάκων γραμματοσειράς επικεφαλίδας
var colWidth = 60 / / πλάτος των στηλών του πίνακα
var dayCellHeight = 25 / / ύψος των κυττάρων που περιέχουν τις ημέρες της εβδομάδας
var dayColor = "κόκκινο" / / χρώμα της γραμματοσειράς που εκπροσωπούν ημέρες της εβδομάδας
var cellHeight = 40 / / ύψος των κυττάρων που αντιπροσωπεύουν τις ημερομηνίες στο ημερολόγιο
var todayColor = "κόκκινο" / / χρώμα προσδιορίζοντας τη σημερινή ημερομηνία στο ημερολόγιο
var timeColor = "μωβ" / / χρώμα της γραμματοσειράς που αντιπροσωπεύει την τρέχουσα ώρα
/ / Δημιουργία βασική δομή του πίνακα
var κείμενο = "" / / αρχικοποίηση παρολί μεταβλητή με κενό string
κείμενο + '<center> »=
κείμενο + »<table border=" + + σύνορα" cellspacing=" + + cellspacing "> '= / / ρυθμίσεις του πίνακα
κείμενο + »<th height=" colspan="7" + + headerHeight "> '= / / δημιουργία κελιών κεφαλίδας πίνακα
κείμενο + »<font color="' + + headerColor'" size=" + + headerSize "> '= / / font οριστεί για επικεφαλίδα του πίνακα
κείμενο + = MONTHNAME + '' + χρόνια
κείμενο + = '</ font> »/ / κλείσιμο της κεφαλίδας πίνακα ρυθμίσεις γραμματοσειράς
κείμενο + = '</ th>' / / κλείσει κελί κεφαλίδας
/ / Μεταβλητές για να κρατήσει σταθερές τις ρυθμίσεις
var openCol = '<td width=" + colWidth + "height=" + + dayCellHeight ">»
openCol + = '<font color="' + + dayColor'"> »
var closeCol = '</ font> </ td> »
/ / Δημιουργία σειρά από συντομογραφίες ημέρες
var εργάσιμη μέρα = νέα Array (7)
ημέρα της εβδομάδας [0] = "Κυρ"
ημέρα της εβδομάδας [1] = "Δευτ"
ημέρα της εβδομάδας [2] = "Τρι"
ημέρα της εβδομάδας [3] = "Τετ"
ημέρα της εβδομάδας [4] = "Πεμ"
ημέρα της εβδομάδας [5] = "Παρ"
ημέρα της εβδομάδας [6] = "Σαβ"
/ / Δημιουργία πρώτη σειρά του πίνακα για να ορίσετε το πλάτος στήλης και να καθορίσετε ημέρα της εβδομάδας
κείμενο + = '<tr valign="center" align="center"> »
για (var dayNum = 0? dayNum <7? + + dayNum) {
κείμενο + = + openCol ημέρα της εβδομάδας [dayNum] + closeCol
}
κείμενο + = '</ tr> "
/ / Δήλωση και αρχικοποίηση των δύο μεταβλητών για να βοηθήσει με τους πίνακες
var ψηφίο = 1
var curCell = 1
για (var γραμμή = 1? γραμμή <= Math.ceil ((lastDate + firstDay - 1) / 7)? + + σειρά) {
κείμενο + = '<tr valign="top" align="right"> »
για (var col = 1? col <= 7? + + col) {
αν (ψηφίο lastDate>)
διακοπή
αν (curCell firstDay <) {
κείμενο + = '<td> </ td> »?
curCell + +
} Else {
αν (ψηφίο == ημερομηνία) {/ / τρέχον κελί αντιπροσωπεύουν τη σημερινή ημερομηνία
κείμενο + = '<td height=" + + cellHeight "> »
κείμενο + = '<font color="' + + todayColor'"> »
κείμενο + = ψηφίο
κείμενο + "</ font> Κάντε '=
κείμενο + »<font color="' + + timeColor'" size="2">» =
κείμενο + = '<center>' + getTime () '</ center>' +
κείμενο + = '</ font> "
κείμενο + = '</ td> »
} Αλλιώς
κείμενο + = '<td height=" + + cellHeight ">' + ψηφίο + '</ td> »
ψηφίο + +
}
}
κείμενο + = '</ tr> "
}
/ / Κλείσει όλες τις βασικές λέξεις-κλειδιά τραπέζι
κείμενο + = '</ table> "
κείμενο + = '</ center>'
/ / Εκτύπωση συσσωρευτικών string HTML
document.write (κείμενο)
}
</ Script>
