Актуализиране календар скрипт за вашия сайт

Да започнем с това, както винаги, виж жив пример за сценария:

Особено да нарисува всички характеристики на сценария, аз мисля, че няма смисъл. Човек трябва само да се съсредоточи върху това, свързващ да работи директно на HTML страници. Можете да направите това по два начина:

Render скриптов код в отделен файл, като го нарече нещо като calendart.js. и след това се свържете към документа, като поставите маркер в квартала затварящ таг или следното:

Просто можете да поставите кода на скрипта директно в тялото на страницата, всичко това в едно и също място, в района на етикет затварящ таг или поставете следната структура:

И двете възможности се свързват скрипт и примерни страници, могат да бъдат намерени в архива на източника, но в същото време, да отидем по-нататък.

За разлика от предишната версия на календара. образуването на стилове управлявали в CSS, така че повече възможности за експериментиране в дизайна на отделните елементи.
Индекс е направена под формата на таблица, всеки елемент от които е определен определен клас. Това води до следния набор от правила:

Днес ние погледна един от най-лесните начини за създаване на функционален календар, със сигурност не е най-богат на функции, без никакви излишни украшения и ефекти, но сигурно и практично решение, нищо повече.
Източници с примери, пакетирани в архив и са на разположение за изтегляне от моя Yandex.Disk:

Ще Ви бъда благодарен, ако споделите връзка към запис в своите социални мрежи: