Actualizarea script-calendar pentru site-ul dvs.

Pentru început, ca întotdeauna, a se vedea un exemplu viu al scenariului:

Mai ales pentru a vopsi toate caracteristicile script-ul, cred, nu are sens. Trebuie doar să se concentreze pe conectarea acestuia la locul de muncă direct pe pagina HTML. Puteți face acest lucru în două moduri:

Render cod script într-un fișier separat, numindu-l ceva de genul calendart.js. și apoi conectați la documentul prin plasarea unei etichete în cartier eticheta de închidere sau următor:

Doar puteți plasa cod de script direct în corpul paginii, toate în același loc, în zona de tag-ul eticheta de închidere sau plasează următoarea structură:

Ambele opțiuni conecta script și exemple de pagini pot fi găsite în arhiva sursei, dar în același timp, vom merge mai departe.

Spre deosebire de versiunea anterioară a calendarului. formarea de stiluri în CSS, conduse astfel încât mai multe oportunități pentru experimentare în proiectarea elementelor individuale.
Calendarul este realizat sub forma unui tabel, din care fiecare element a fost atribuit o anumită clasă. Aceasta are ca rezultat un set de reguli următorul:

Astăzi, ne-am uitat la una dintre cele mai simple moduri de a crea un calendar funcțional, nu cu siguranță, cea mai bogată în caracteristici, fără nici bibelouri și efecte, ci o soluție sigură și viabilă, nimic mai mult.
Surse cu exemple, ambalate într-o arhivă și sunt disponibile pentru descărcare de la Yandex.Disk meu:

Aș fi recunoscător, dacă distribuiți o legătură într-o înregistrare în rețelele lor sociale: