{"id":1190,"date":"2010-01-11T19:29:29","date_gmt":"2010-01-11T13:29:29","guid":{"rendered":"http:\/\/shra.ru\/?p=1190"},"modified":"2010-02-05T19:26:40","modified_gmt":"2010-02-05T13:26:40","slug":"kalendar","status":"publish","type":"post","link":"https:\/\/shra.ru\/2010\/01\/kalendar\/","title":{"rendered":"\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a \u043d\u0430 javascript"},"content":{"rendered":"
\u0415\u0441\u043b\u0438 \u043a\u043e\u0433\u0434\u0430 \u0442\u043e \u0432\u0430\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0444\u043e\u0440\u043c\u044b \u0441 \u043f\u043e\u043b\u044f\u043c\u0438 \u0442\u0438\u043f\u0430 «\u0414\u0430\u0442\u0430», \u0442\u043e \u0432\u0430\u043c \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u043e \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e, \u0447\u0442\u043e \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 html \u043f\u043e\u043a\u0430 \u043d\u0438\u0447\u0435\u0433\u043e \u043f\u0443\u0442\u043d\u043e\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u0435\u043b\u044c\u0437\u044f. \u0421\u0430\u043c\u044b\u0435 \u043b\u0435\u043d\u0438\u0432\u044b\u0435 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0434\u043d\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435, \u0432\u0440\u043e\u0434\u0435:<\/p>\n
\r\n<\/pre>\n<\/p>\n
\u0415\u0449\u0451 \u0447\u0430\u0441\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u043d\u0430 \u044d\u0442\u0443 \u0436\u0435 \u0442\u0435\u043c\u0443, \u0433\u0434\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0441\u0440\u0430\u0437\u0443 \u0442\u0440\u0438 \u043f\u043e\u043b\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0434\u0430\u0442\u0443, \u043c\u0435\u0441\u044f\u0446 \u0438 \u0433\u043e\u0434 \u0438\u0437 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0445 \u0441\u043f\u0438\u0441\u043a\u043e\u0432 \u0442\u0435\u0433\u0430 Select.<\/p>\n
\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043a\u043e\u0433\u0434\u0430-\u043d\u0438\u0431\u0443\u0434\u044c, html \u0440\u0430\u0437\u043e\u0432\u044c\u0435\u0442\u0441\u044f \u0434\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u0430\u0442\u0443 \u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043a\u0430\u043a \u0442\u043e \u0442\u0430\u043a:<\/p>\n
\r\n<\/pre>\n\u0418 \u0442\u043e\u0433\u0434\u0430 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0439 \u0438\u0437 \u043f\u043e\u0434 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043b\u044f \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a \u043f\u043e\u0440\u0430\u0434\u0443\u0435\u0442 \u043d\u0430\u0441 \u0441\u0432\u043e\u0435\u0439 \u0444\u043e\u0440\u043c\u043e\u0439, \u0437\u0430\u0432\u0438\u0441\u044f\u0449\u0435\u0439 \u043e\u0442 \u0444\u0430\u043d\u0442\u0430\u0437\u0438\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0442\u043e\u0433\u043e \u0438\u043b\u0438 \u0438\u043d\u043e\u0433\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430, \u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043d\u0430\u043c \u043f\u0430\u0440\u043e\u0439 \u043a\u043b\u0438\u043a\u043e\u0432 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u0443\u044e \u0434\u0430\u0442\u0443. \u0410 \u043f\u043e\u043a\u0430 \u043c\u044b \u0436\u0434\u0435\u043c \u0442\u0435\u0445 \u0441\u043b\u0430\u0432\u043d\u044b\u0445 \u0432\u0440\u0435\u043c\u0435\u043d, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u043f\u0440\u0438\u0437\u0432\u0430\u0442\u044c \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u0432\u0435\u043b\u0438\u043a\u0438\u0439 \u0438 \u043c\u043e\u0433\u0443\u0447\u0438\u0439 javasctipt, \u043f\u043e\u0432\u0435\u043b\u0435\u0432\u0430\u044e\u0449\u0438\u0439 DOM.<\/p>\n
\u0427\u0442\u043e\u0431\u044b \u043d\u0435 \u0437\u0430\u0442\u044f\u0433\u0438\u0432\u0430\u0442\u044c \u043f\u043e\u0432\u0435\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u0435, \u0441\u0440\u0430\u0437\u0443 \u0441\u043a\u0430\u0436\u0443 \u0447\u0442\u043e \u044f \u0445\u043e\u0447\u0443 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435. \u042d\u0442\u0430 \u0444\u0430\u0439\u043b \u043a\u0430\u0441\u043a\u0430\u0434\u043d\u044b\u0445 \u0441\u0442\u0438\u043b\u0435\u0439, \u0434\u043b\u044f \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a\u0430, \u0438 \u0444\u0430\u0439\u043b \u0441 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u0438-\u043a\u043b\u0430\u0441\u0441\u0430 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044f. \u0410 DOM \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 html \u043a\u043e\u0434\u0430, \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0430\u044f \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c, \u043f\u043e\u043a\u0430 \u043f\u043e \u043c\u043e\u0435\u0439 \u0437\u0430\u0434\u0443\u043c\u043a\u0435 \u043d\u0430 \u0431\u0443\u043c\u0430\u0433\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n
<\/p>\n
\u042d\u0442\u043e \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 — \u0441 \u0437\u0430\u0434\u0430\u043d\u043d\u043e\u0439 \u0448\u0438\u0440\u0438\u043d\u043e\u0439 (\u043a\u043b\u0430\u0441\u0441\u0430 — calendarHolder), \u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 INPUT — \u0441\u043e \u0441\u0442\u0440\u043e\u043a\u043e\u0432\u044b\u043c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c \u0434\u0430\u0442\u044b \u0438 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a\u0430 \u0437\u0430 \u043e\u0434\u0438\u043d \u043c\u0435\u0441\u044f\u0446 (\u043a\u043b\u0430\u0441\u0441\u0430 — widgetCalendar).<\/p>\n
\u0415\u0441\u043b\u0438 \u043e\u0442\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0441\u0430\u043c\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u0442\u043e \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0430\u0441\u0441\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0442\u0430\u043a\u043e\u0435:<\/p>\n
\r\n\/*calendar funcs*\/\r\n\r\n\/*\u043e\u0431\u044a\u044f\u0432\u0438\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u0441\u0441\u044b\u043b\u043e\u043a \u043d\u0430 \u0432\u0441\u0435 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438 \u043e\u0431\u044a\u044f\u0432\u043b\u044f\u0435\u043c\u044b\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 *\/\r\nvar calendarsObjs = [];\r\n\r\n\/*\u044d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0441\u043b\u0443\u0436\u0438\u0442 \u0434\u043b\u044f \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043d\u043e\u0432\u043e\u0433\u043e \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044f, idobj - id \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0430 DIV.calendarHolder,\r\n \u0430 lang - \u044f\u0437\u044b\u043a (\u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 ru - \u0434\u043b\u044f \u0440\u0443\u0441\u0441\u043a\u043e\u0433\u043e, \u0438\u043d\u0430\u0447\u0435 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439), \u0447\u0442\u043e\u0431\u044b \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c\r\n \u043d\u0430\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u044f \u043c\u0435\u0441\u044f\u0446\u0435\u0432 \u043d\u0430 \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u044f\u0437\u044b\u043a\u0435*\/\r\nfunction register_new_calendar(idobj, lang) {\r\n var obj = document.getElementById(idobj);\r\n a = new CalendarObj(obj, lang);\r\n calendarsObjs.push(a);\r\n return a;\r\n}\r\n\r\n\/*\u0435\u0449\u0451 \u043e\u0434\u043d\u043e \u043e\u0431\u0449\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0430\u044f \u043d\u0430\u0439\u0442\u0438 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440 \u043a\u043b\u0430\u0441\u0441\u0430 \u043f\u043e \u043e\u0434\u043d\u043e\u043c\u0443 \u0438\u0437 DOM \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 -\r\n \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u043c\u0443 INPUT \u0438\u043b\u0438 DIV.calendarHolder, \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 index - \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0441\u0430\u043c \u043e\u0431\u044a\u0435\u043a\u0442 \u0438\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0433\u043e\r\n \u0438\u043d\u0434\u0435\u043a\u0441 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435 calendarsObjs *\/\r\nfunction find_CalendarObj_class(Obj, index) {\r\n for (var i = calendarsObjs.length - 1; i>=0; i--) {\r\n if (calendarsObjs[i].htmlContainer == Obj || calendarsObjs[i].inputObj == Obj) return index ? i : calendarsObjs[i];\r\n }\r\n return null;\r\n}\r\n\r\n\/* \u0441\u0430\u043c\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043a\u043b\u0430\u0441\u0441\u0430 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a\u0430, \u0432\u0445\u043e\u0434\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0442\u0430\u043a\u0438\u0435 \u0436\u0435\r\n \u043a\u0430\u043a \u0438 \u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u0438-\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 - register_new_calendar *\/\r\nfunction CalendarObj(container, lang) {\r\n this.htmlContainer = container;\r\n this.widget = null; \/\/\u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 DIV.widgetCalendar\r\n this.inputObj = null; \/\/\u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u043d\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0444\u043e\u0440\u043c\u044b INPUT, \u0433\u0434\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u0434\u0430\u0442\u044b\r\n this.lang = lang; \/\/\u044f\u0437\u044b\u043a, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442\u0441\u044f \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u043c\u0435\u0441\u044f\u0446\u0435\u0432 \u0433\u043e\u0434\u0430\r\n\r\n \/*\u0444\u0443\u043d\u043a\u0446\u0438\u044f - \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043d\u0435\u043a\u043e\u0433\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043f\u0440\u044f\u0442\u0430\u0442\u044c \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a. \u041d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f\r\n \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u043d\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u043d\u0430\u0439\u0434\u0435\u0442\u0435 \u0435\u0439 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 - \u0442\u043e \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u0438\u0446\u0435\u043f\u0438\u0442\u044c \u043d\u0430 \u043a\u0430\u043a\u043e\u0435 \u043b\u0438\u0431\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u0435\r\n \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 *\/\r\n this.hideCalendar = function(ev) {\r\n targ = (ev.target) ? ev.target : ev.target = ev.srcElement;\r\n obj = find_CalendarObj_class(targ.parentNode, false);\r\n if (obj != null)\r\n obj.widget.style.display = 'none';\r\n else\r\n alert('Calendar object error');\r\n }\r\n\r\n \/*\u0444\u0443\u043d\u043a\u0446\u0438\u044f - \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0441\u043e\u0431\u044b\u0442\u0438\u044f onfocus \u043d\u0430\u0448\u0435\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043b\u044f. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a.\r\n \u041d\u0438\u0436\u0435 \u043c\u044b \u043f\u0440\u0438\u0446\u0435\u043f\u0438\u043c \u0434\u0430\u043d\u043d\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043a\u0430\u043a \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a. \u0412\u0445\u043e\u0434\u043d\u044b\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u044a\u0435\u043a\u0442\r\n Event. *\/\r\n this.showCalendar = function(ev) {\r\n targ = (ev.target) ? ev.target : ev.target = ev.srcElement;\r\n obj = find_CalendarObj_class(targ.parentNode, false);\r\n if (obj != null)\r\n obj.doWidget(0, 0);\r\n else\r\n alert('Calendar object error');\r\n }\r\n \/* \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 Date, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u043e\u043c\u0443 \u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435.\r\n \u0415\u0441\u043b\u0438 \u0444\u043e\u0440\u043c\u0430\u0442 \u0434\u0430\u0442\u044b \u043d\u0435 \u0443\u0434\u0430\u0451\u0442\u0441\u044f \u0440\u0430\u0441\u043f\u043e\u0437\u043d\u0430\u0442\u044c - \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0434\u0430\u0442\u0443.*\/\r\n this.getDate = function() {\r\n var dtStr = this.inputObj.value;\r\n var expr = \/([\\d]{1,2}).([\\d]{1,2}).([\\d]{4})\/;\r\n var res = expr.exec(dtStr);\r\n var D = new Date();\r\n if (res != null) {\r\n var D = new Date(res[3], res[2] - 1 , res[1]);\r\n if (D.toString() == 'Invalid Date') D = new Date();\r\n }\r\n return D;\r\n }\r\n \/* \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u043e\u043a\u043e\u0432\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u043c \u043f\u043e\u043b\u0435, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e\r\n \u0432\u0445\u043e\u0434\u043d\u043e\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 DT \u0442\u0438\u043f\u0430 Date *\/\r\n this.setDate = function(DT) {\r\n var mn = DT.getMonth() + 1;\r\n var da = DT.getDate();\r\n this.inputObj.value = (da < 10 ? '0' : '') + da + '.' + (mn < 10 ? '0' : '') + mn + '.' + DT.getFullYear();\r\n }\r\n \/* \u0422\u043e\u0436\u0435 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 \u0434\u0430\u0442\u0443 \u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u043c \u043f\u043e\u043b\u0435, \u043d\u043e \u0432\u0445\u043e\u0434\u043d\u044b\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0447\u0438\u0441\u043b\u043e \u043c\u0438\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434,\r\n \u0430 \u0442\u0430\u043a\u0436\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0440\u044f\u0447\u0435\u0442 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a - \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043f\u0440\u0438 \u0432\u044b\u0431\u043e\u0440\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0432 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0435 *\/\r\n this.setNHide = function(DTint) {\r\n var DT = new Date(DTint);\r\n this.setDate(DT);\r\n this.widget.style.display = 'none';\r\n }\r\n \/* \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u0451\u0442 html \u043a\u043e\u0434 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a\u0430 \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0435\u0433\u043e. \u041d\u0430 \u0432\u0445\u043e\u0434\u0435 \u0434\u0432\u0430 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u044b \u0434\u043b\u044f\r\n \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043c\u0435\u0441\u044f\u0446\u0430 - mn, \u0438 \u0433\u043e\u0434\u0430 - ye. \u0417\u0430\u0434\u0430\u044e\u0442\u0441\u044f \u043a\u0430\u043a \u0434\u0435\u043b\u044c\u0442\u0430, \u0442.\u0435. +1, -1 \u0438\u043b\u0438 0, \u0435\u0441\u043b\u0438 \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u043d\u0435\u0442 *\/\r\n this.doWidget = function(mn, ye) { \/* mn = +-1 *\/\r\n var dt = this.getDate();\r\n var currentDate = new Date(dt.getFullYear() + ye, dt.getMonth() + mn, dt.getDate());\r\n var index = find_CalendarObj_class(this.htmlContainer, true);\r\n var ws = \"\";\r\n switch (this.lang) {\r\n case 'ru':\r\n var mntArray = ['\u042f\u043d\u0432\u0430\u0440\u044c', '\u0424\u0435\u0432\u0440\u0430\u043b\u044c', '\u041c\u0430\u0440\u0442', '\u0410\u043f\u0440\u0435\u043b\u044c', '\u041c\u0430\u0439', '\u0418\u044e\u043d\u044c', '\u0418\u044e\u043b\u044c', '\u0410\u0432\u0433\u0443\u0441\u0442', '\u0421\u0435\u043d\u0442\u044f\u0431\u0440\u044c', '\u041e\u043a\u0442\u044f\u0431\u0440\u044c', '\u041d\u043e\u044f\u0431\u0440\u044c', '\u0414\u0435\u043a\u0430\u0431\u0440\u044c'];\r\n break;\r\n default:\r\n var mntArray = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];\r\n break;\r\n }\r\n \/* HTML \u043a\u043e\u0434 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a\u0430, \u043f\u043e\u043c\u0438\u043c\u043e \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044f, \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0443 \u043d\u0430\u0441 \u0434\u0432\u0435 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 - \u043f\u043e \u043c\u0435\u0441\u044f\u0446\u0430\u043c \u0438 \u043f\u043e \u0433\u043e\u0434\u0430\u043c.\r\n \u0417\u043d\u0430\u044f \u0438\u043d\u0434\u0435\u043a\u0441 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0430 \u043a\u043b\u0430\u0441\u0441\u0430 \u0432 \u043e\u0431\u0449\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432\u0435 - \u043c\u044b \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u0443\u044e \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a\u0430\r\n \u043d\u0430-\u043f\u0440\u044f\u043c\u0443\u044e. *\/\r\n ws = 'x<\/div>';\r\n ws += ' <\/div>';\r\n ws += '';\r\n ws += ' <<\/a>';\r\n ws += ' ' + mntArray[currentDate.getMonth()] + '<\/div>';\r\n ws += ' ><\/a>';\r\n ws += '<\/div>';\r\n ws += ' <\/div>';\r\n ws += '';\r\n ws += ' <<\/a>';\r\n ws += ' ' + currentDate.getFullYear() + '<\/div>';\r\n ws += '><\/a>';\r\n ws += '<\/div>'\r\n ws += ' <\/div>';\r\n ws += '';\r\n\r\n dtm = [currentDate.getMonth(), currentDate.getFullYear()];\r\n\r\n dateF = new Date(dtm[1], dtm[0], 1);\r\n dateL = new Date(dtm[1], dtm[0] + 1, 1);\r\n \/*\u0441\u043c\u0435\u0441\u0442\u0438\u043c\u0441\u044f \u043e\u0442 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0447\u0438\u0441\u043b\u0430 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043c\u0435\u0441\u044f\u0446\u0430 \u043a \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u043c\u0443 \u043f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a\u0443.\r\n \u0421\u043c\u0435\u0449\u0430\u0435\u043c\u0441\u044f \u043d\u0430\u0437\u0430\u0434 \u043f\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438, \u0442.\u043a. \u043d\u0435 \u0445\u043e\u0442\u0438\u043c \u043f\u043e\u0442\u0435\u0440\u044f\u0442\u044c \u043d\u0435\u0434\u0435\u043b\u044e \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043c\u0435\u0441\u044f\u0446\u0430. *\/\r\n wd = dateF.getDay() - 1;\r\n switch (wd){\r\n case -1:\r\n dateCRS = new Date(dtm[1], dtm[0], -5);\r\n break;\r\n default:\r\n dateCRS = new Date(dtm[1], dtm[0], 1 - wd);\r\n }\r\n \/*\u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u043c\u0435\u0441\u044f\u0446 \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c \u0430\u043a\u043a\u0443\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0435 - \u0441\u0442\u0440\u043e\u043a\u0435 (\u0434\u043b\u044f \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438, \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u0440\u0430\u0437\u0443 \u0438 \u0432 ws \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c) *\/\r\n var out = ' <\/div>';\r\n var nowDate = new Date();\r\n var nowDateStr = nowDate.getFullYear() + '\/' + (nowDate.getMonth() + 1) + '\/' + nowDate.getDate();\r\n \/* \u0446\u0438\u043a\u043b \u043f\u043e \u043d\u0435\u0434\u0435\u043b\u044f\u043c *\/\r\n while (dateCRS.getTime() <= dateL.getTime()) {\r\n k = 7;\r\n \/* \u0446\u0438\u043a\u043b \u043f\u043e \u0434\u043d\u044f\u043c \u043d\u0435\u0434\u0435\u043b\u0438 *\/\r\n while(k-- > 0) {\r\n \/* \u0441\u0442\u0438\u043b\u044f\u043c\u0438 \u0437\u0430\u0434\u0430\u0434\u0438\u043c \u0440\u0430\u0441\u043a\u0440\u0430\u0441\u043a\u0443 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0434\u043d\u0435\u0439 - \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0434\u0435\u043d\u044c, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0434\u0435\u043d\u044c \u0438\u0437 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u043c\u0435\u0441\u044f\u0446\u0430*\/\r\n addStyle = nowDateStr == dateCRS.getFullYear() + '\/' + (dateCRS.getMonth() + 1) + '\/' + dateCRS.getDate() ? 'curr' : '';\r\n if (dateCRS < dateF || dateCRS >= dateL) addStyle += ' nonM';\r\n \/* \u043f\u0440\u0438 \u0432\u044b\u0431\u043e\u0440\u0435 \u0434\u043b\u044f \u0432\u044b\u0437\u043e\u0432\u0435\u043c \u0444-\u0446\u0438\u044e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u0434\u0430\u0442\u044b *\/\r\n out += '' + dateCRS.getDate() + '<\/a><\/div>';\r\n dateCRS.setDate(dateCRS.getDate( ) + 1);\r\n }\r\n out += ' <\/div>';\r\n }\r\n \/\/HTML \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044f \u0441\u043e\u0431\u0440\u0430\u043d, \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u043c \u0432\u0441\u0435 \u0432 \u043e\u0434\u043d\u043e\u0439 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439\r\n ws += out + '<\/div>';\r\n \/*\u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0434\u0430\u0442\u0443, \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a *\/\r\n this.setDate(currentDate);\r\n this.widget.innerHTML = ws;\r\n this.widget.style.display = 'block';\r\n }\r\n\r\n \/* \u0438\u0449\u0435\u043c \u0441\u043e\u0441\u0442\u0430\u0432\u043d\u044b\u0435 \u0447\u0430\u0441\u0442\u0438 \u043d\u0430\u0448\u0435\u0433\u043e DOM \u043e\u0431\u044a\u0435\u043a\u0442\u0430 *\/\r\n for (var i = container.childNodes.length - 1 ; i >= 0; i--) {\r\n var t = container.childNodes[i];\r\n if (t.className == 'widgetCalendar' && t.tagName == 'DIV') {\r\n t.style.width = this.htmlContainer.style.width;\r\n this.widget = t;\r\n }\r\n else\r\n if (t.tagName == 'INPUT' && t.type == 'text') {\r\n this.inputObj = t;\r\n \/\/\u043a\u043e\u0433\u0434\u0430 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0435\u043d \u044d\u043b\u0435\u043c\u0435\u043d\u0442 INPUT - \u043f\u0440\u0438\u0430\u0442\u0442\u0430\u0447\u0438\u043c \u043a \u043d\u0435\u043c\u0443 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 onfocus, \u043a\u0430\u043a \u0438 \u0441\u043e\u0431\u0438\u0440\u0430\u043b\u0438\u0441\u044c\r\n if (t.addEventListener) t.addEventListener('focus', this.showCalendar, false);\r\n else t.attachEvent(\"onfocus\", this.showCalendar);\r\n }\r\n }\r\n \/* \u0442\u0443\u0442 \u0431\u044b \u043b\u043e\u0433\u0438\u0447\u043d\u043e \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c, \u0435\u0441\u043b\u0438 inputObj \u0438\u043b\u0438 widget \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d.\r\n \u041d\u043e, \u0441\u0435\u0439\u0447\u0430\u0441 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0435 \u043e\u0445\u043e\u0442\u0430 :) \u0415\u0441\u043b\u0438 \u0445\u043e\u0442\u0438\u0442\u0435, \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0441\u0430\u043c\u0438. *\/\r\n}\r\n<\/pre>\n\u0412\u043e\u0442 \u0438 \u0432\u0441\u0435! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u0435\u043c\u043d\u043e\u0433\u043e CSS. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c\u0441\u044f \u0438 \u0441 \u043d\u0438\u043c\u0438.<\/p>\n
\r\n\/* \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0432 \u043a\u0430\u0436\u0434\u043e\u0439 \u0432\u0435\u0440\u0441\u0442\u043a\u0435 - \u0432\u0441\u0442\u0430\u0432\u043a\u0430 \u0442\u0430\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442 \u043d\u0430\u043c \r\n\u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e \u043d\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443, \u043a\u0430\u043a\u0438\u0435 \u0431\u044b float \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0443 \u043d\u0430\u0441 \u043d\u0435 \u0431\u044b\u043b\u0438 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435*\/\r\ndiv.calendarHolder .clear {\r\n clear:both;\r\n height:1px;\r\n line-height:1px;\r\n font-size:1px; \r\n}\r\n\/* \u0440\u0430\u0441\u0442\u044f\u043d\u0435\u043c input \u043f\u043e \u0448\u0438\u0440\u0438\u043d\u0435 calendarHolder *\/\r\ndiv.calendarHolder input {\r\n width: 100%;\r\n text-align: center;\r\n}\r\n\/*\u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a\u0430 - \u0440\u0430\u043c\u043e\u0447\u043a\u0430, \u043c\u0435\u043b\u043a\u0438\u0439 \u0448\u0440\u0438\u0444\u0442, \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e - \u0441\u043f\u0440\u044f\u0442\u0430\u043d *\/\r\ndiv.widgetCalendar {\r\n position: absolute;\r\n border: 1px solid #888;\r\n font-size: 10px;\r\n font-family: arial;\r\n padding: 3px;\r\n clear:left;\r\n width: 100%;\r\n z-index: 10000000;\r\n display: none;\r\n background-color: #FFF;\r\n}\r\n\/*\u043f\u0435\u0440\u0432\u044b\u0439 \u043a\u043e\u043d\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0434\u043d\u044f - \u043d\u0443\u0436\u0435\u043d \u0434\u043b\u044f \u0437\u0430\u0434\u0430\u043d\u0438\u044f \u043e\u0431\u0449\u0435\u0439 \u0448\u0438\u0440\u0438\u043d\u044b \r\n\u0430 \u0438\u043c\u0435\u043d\u043d\u043e 100% \u0448\u0438\u0440\u0438\u043d\u044b \/ 7 \u0434\u043d\u0435\u0439 = 14.28...%*\/\r\ndiv.widgetCalendar .dayH {\r\n width: 14%;\r\n float: left;\r\n text-align: center;\r\n padding-top: 1px;\r\n display: block;\r\n}\r\n\/*\u0434\u0435\u043d\u044c \u043c\u0435\u0441\u044f\u0446\u0430 \u0441 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0448\u0438\u0440\u0438\u043d\u043e\u0439*\/\r\ndiv.widgetCalendar .day {\r\n display: block;\r\n width: 15px;\r\n text-align: right;\r\n color: #000;\r\n text-decoration: none;\r\n}\r\n\/*\u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u0434\u043b\u044f \u043c\u0435\u0441\u044f\u0446\u0430 \u0438 \u0433\u043e\u0434\u0430*\/\r\ndiv.widgetCalendar .monthTab {\r\n font-size: 11px;\r\n margin: 0px 0px 5px 0px;\r\n width: 50%;\r\n clear: none;\r\n float: left;\r\n}\r\ndiv.widgetCalendar .monthSlide {\r\n text-decoration: none;\r\n color: #000;\r\n font-weight: bold;\r\n cursor: pointer;\r\n width: 20%;\r\n float: left;\r\n}\r\n\/*\u0440\u0435\u0430\u043a\u0446\u0438\u044f \u043d\u0430 \u043f\u0435\u0440\u0435\u043a\u0440\u044b\u0442\u0438\u0435 \u043a\u0443\u0440\u0441\u043e\u0440\u043e\u043c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u043f\u043e\u043b\u0435\u0439 (\u0434\u0435\u043d\u044c \u0438\u043b\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043c\u0435\u0441\u044f\u0446\u0430 \u0438 \u0433\u043e\u0434\u0430)*\/\r\ndiv.widgetCalendar .day:hover,\r\ndiv.widgetCalendar .monthSlide:hover {\r\n background-color:#d8dfea !important;\r\n cursor: pointer;\r\n}\r\n\/*\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0434\u043d\u044f*\/\r\ndiv.widgetCalendar .curr {\r\n font-weight: bolder;\r\n background-color: #D5D5D5;\r\n}\r\n\/*\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0434\u043d\u0435\u0439 \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u0435\u0441\u044f\u0446\u0435\u0432, \u043f\u043e\u043f\u0430\u0432\u0448\u0438\u0445 \u043a \u043d\u0430\u043c \u0432 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c *\/\r\ndiv.widgetCalendar .nonM {\r\n color: #eee;\r\n}\r\n\/*\u043a\u043d\u043e\u043f\u043e\u0447\u043a\u0430 - \u0437\u0430\u043a\u0440\u044b\u0442\u044c, \u0441\u043f\u0435\u0446\u0430\u0438\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u0442\u0440\u0438\u0446\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0435 margin \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430\u043c \u0437\u0430\u043f\u043e\u043b\u0437\u0442\u0438 \r\n\u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u044c padding \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u043a\u043e\u043d\u0435\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u043f\u0440\u0438\u043c\u043a\u043d\u0443\u0442\u044c \u043a \u0440\u0430\u043c\u043e\u0447\u043a\u0435*\/\r\ndiv.widgetCalendar .close {\r\n float:right;\r\n clear:both;\r\n padding:1px 5px 2px 5px;\r\n background-color: #666;\r\n margin: 0px;\r\n margin-top:-3px;\r\n margin-right:-3px;\r\n color: #fff;\r\n cursor: pointer; \r\n}\r\n<\/pre>\n\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0432\u044f\u0437\u0430\u0442\u044c \u0432\u0441\u0435 \u0447\u0430\u0441\u0442\u0438 \u0432 HTML \u043a\u043e\u0434\u0435. \u041a\u0430\u043a \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u0421\u0435\u0440\u0432\u0438\u0441\u044b -> \u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"\u0415\u0441\u043b\u0438 \u043a\u043e\u0433\u0434\u0430 \u0442\u043e \u0432\u0430\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0444\u043e\u0440\u043c\u044b \u0441 \u043f\u043e\u043b\u044f\u043c\u0438 \u0442\u0438\u043f\u0430 «\u0414\u0430\u0442\u0430», \u0442\u043e \u0432\u0430\u043c \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u043e \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e, \u0447\u0442\u043e \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 html \u043f\u043e\u043a\u0430 \u043d\u0438\u0447\u0435\u0433\u043e \u043f\u0443\u0442\u043d\u043e\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u0435\u043b\u044c\u0437\u044f. \u0421\u0430\u043c\u044b\u0435 \u043b\u0435\u043d\u0438\u0432\u044b\u0435 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0434\u043d\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435, \u0432\u0440\u043e\u0434\u0435:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-1190","post","type-post","status-publish","format-standard","hentry","category-onfront"],"acf":[],"yoast_head":"\n
\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438\u043a \u043d\u0430 javascript<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n