как убрать кнопку, чтобы скрипт срабатывал при потере фокуса поля ввода?
есть такой скрипт, собственно вопрос в заголовке темы...
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> div { width: 70%; border: 1px solid #a9a9a9; border-radius: 12px/9px; padding: 10px 25px; margin: 0 20px 5px 0; } span.title { color: hsl(210,100%,50%); } span.ulian { color: hsl(240,100%,70%); } span.grig { color: hsl(240,100%,30%); } input { display: inline-block; /* без свойства display не во всех браузерах работает выравнивание в полях ввода */ text-align: center; } </style> </head> <body> <div> <input id="YearEntry" type="number" min="326" max="4099" step="1" value=""/> <input id="button1" type="button" value="Рассчитать" /> </div> <div id="Catholic_Easter"> <span class="title">Католическая пасха<br></span> <span class="grig"><span id="Catholic_Easter_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Catholic_Easter_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Maslenitsa_Catholic"> <span class="title">Католическая масленица<br></span> <span class="grig"><span id="Maslenitsa_Catholic_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Maslenitsa_Catholic_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="palm_Sunday_Catholic"> <span class="title">Католическое вербное воскресенье<br></span> <span class="grig"><span id="palm_Sunday_Catholic_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="palm_Sunday_Catholic_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Catholic_Radunitsa"> <span class="title">Католическая радуница<br></span> <span class="grig"><span id="Catholic_Radunitsa_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Catholic_Radunitsa_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Catholic_Trinity"> <span class="title">Католическая троица<br></span> <span class="grig"><span id="Catholic_Trinity_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Catholic_Trinity_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Orthodox_Easter"> <span class="title">Православная пасха<br></span> <span class="grig"><span id="Orthodox_Easter_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Orthodox_Easter_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Maslenitsa_Orthodox"> <span class="title">Православная масленица<br></span> <span class="grig"><span id="Maslenitsa_Orthodox_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Maslenitsa_Orthodox_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="palm_Sunday_Orthodox"> <span class="title">Православное вербное воскресенье<br></span> <span class="grig"><span id="palm_Sunday_Orthodox_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="palm_Sunday_Orthodox_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Orthodox_Radunitsa"> <span class="title">Православная радуница<br></span> <span class="grig"><span id="Orthodox_Radunitsa_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Orthodox_Radunitsa_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Orthodox_Trinity"> <span class="title">Православная троица<br></span> <span class="grig"><span id="Orthodox_Trinity_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Orthodox_Trinity_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div> Первый Никейский собор — собор Церкви, созванный императором Константином I; состоялся в июне 325 года в городе Никее (ныне Изник, Турция); продолжался больше двух месяцев и стал первым Вселенским собором в истории христианства. </div> <script> function catholicDate(year) { // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи var a = year % 19, b = year % 4, c = year % 7, k = Math.floor(year / 100), p = Math.floor((13 + 8 * k) / 25), q = Math.floor(k / 4), m = (15 - p + k - q) % 30, n = (4 + k - q) % 7, d = (19 * a + m) % 30, e = (2 * b + 4 * c + 6 * d + n) % 7; if (d === 29 && e === 6) return new Date(year, 3, 19); if (d === 28 && e === 6 && ((11 * m + 11) % 30 < 19)) return new Date(year, 3, 18); if (d + e > 9) return new Date(year, 3, d + e - 9); else return new Date(year, 2, 22 + d + e); } function orthodoxDate(year) { // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи var a = year % 19, b = year % 4, c = year % 7, d = (19 * a + 15) % 30, e = (2 * b + 4 * c + 6 * d + 6) % 7, f = d + e; // (по старому стилю) Если f ≤ 9, то Пасха будет праздноваться 22 + f марта; если f > 9, то Пасха будет праздноваться f — 9 апреля. return f <= 9 ? new Date(year, 2, 22 + f) : new Date(year, 3, f - 9); } function Catholic_Easter(dt, days) { const msday = 86400000; // мс в сутках return new Date(dt.getTime() + days * msday); } function Orthodox_Easter(dt, days) { const msday = 86400000; // мс в сутках return new Date(dt.getTime() + days * msday); } // Все даты отображаем в едином формате function formatDate(date) { return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(/^.?|,/g, function(v, i) { return !i ? v.toUpperCase() : '<br>' }); } document.addEventListener("DOMContentLoaded", document_domcontentloaded); function document_domcontentloaded() { document.getElementById("YearEntry").value = new Date().getFullYear(); output(); document.getElementById("YearEntry").onblur = output; } function output() { const year = document.getElementById("YearEntry").value; const cathDate = catholicDate(year), orthDate = catholicDate(year); document.getElementById("Catholic_Easter_gr").innerHTML = formatDate(cathDate); document.getElementById("Maslenitsa_Catholic_gr").innerHTML = formatDate(Catholic_Easter(cathDate, -49)); document.getElementById("palm_Sunday_Catholic_gr").innerHTML = formatDate(Catholic_Easter(cathDate, -7)); document.getElementById("Catholic_Radunitsa_gr").innerHTML = formatDate(Catholic_Easter(cathDate, 9)); document.getElementById("Catholic_Trinity_gr").innerHTML = formatDate(Catholic_Easter(cathDate, 49)); document.getElementById("Orthodox_Easter_ul").innerHTML = formatDate(orthodoxDate(year)); document.getElementById("Maslenitsa_Orthodox_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, -49)); document.getElementById("palm_Sunday_Orthodox_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, -7)); document.getElementById("Orthodox_Radunitsa_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, 9)); document.getElementById("Orthodox_Trinity_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, 49)); } </script> </body> </html> |
Блондинка,
строка 178 замените onblur на oninput |
Цитата:
|
рони,
:thanks: |
рони,
а можешь подсказать только теорию, почему скрипт неправильно считает двухзначные значения года и как с этим бороться, в данном скрипте это не нужно, но хотелось бы в общих чертах знать про эту проблему, чисто для себя... |
Блондинка,
... не осилил вопрос. |
рони,
ввели в поле ввода год из двух цифр **, скрипт выдаёт результат 19** |
Блондинка,
Цитата:
|
народ подскажите, попробую объяснить так:
есть несколько дат, в элементах с id 'ами, (a1, b1, c1, d1, e1 .......... x1, y1, z1), тесть с разными названиями но одинаковым окончанием, надо произвести некоторые расчеты и сохранить их в элементы с id 'ами с такими же названиями но другим окончанием, например (a2, b2, c2, d2, e2 .......... x2, y2, z2), как лучше это сделать? |
Блондинка,
:-? |
рони,
тоесть надо обратиться(найти) к этим элемента наверное через метод querySelectorAll(), в скобках через зяпятую указать иды этих элементов, но если этих элементов очень много, можно как-то сократить список типа как в стилях, типа, querySelectorAll(*1) а потом сохранить в Иды с соответствующими названиями (*2) |
Блондинка,
моя твоя не понимай! |
есть несколько span'ов их названия оканчиваются на "_gr", и содержат некие даты по григорианскому календарю,
Catholic_Easter_gr Maslenitsa_Catholic_gr palm_Sunday_Catholic_gr Catholic_Radunitsa_gr Catholic_Trinity_gr надо из этих дат высчитать даты по юлианскому календарю и сохранить в span'ы с соответствующими id'ами, Catholic_Easter_ul Maslenitsa_Catholic_ul palm_Sunday_Catholic_ul Catholic_Radunitsa_ul Catholic_Trinity_ul их названия оканчиваются на "_ul",.... другими словами применить функции function gregorianToJdn(d, m, y) { return tr((1461 * (y + 4800 + tr((m - 14) / 12))) / 4) + tr((367 * (m - 2 - 12 * tr((m - 14) / 12))) / 12) - tr((3 * tr((y + 4900 + tr((m - 14) / 12)) / 100)) / 4) + d - 32075; } и function jdnToJulianOrGregorian(j, to) { // to: true (julian), false (gregorian) var f = (to) ? (j + 1401) : (j + 1363 + tr((tr((4 * j + 274277) / 146097) * 3) / 4)); var e = 4 * f + 3, h = 5 * tr((e % 1461) / 4) + 2; var d = tr((h % 153) / 5) + 1, m = ((tr(h / 153) + 2) % 12) + 1, y = tr(e / 1461) - 4716 + tr((14 - m) / 12); return { d: d, m: m, y: y }; } есть несколько span'ов их названия оканчиваются на "_ul", и содержат некие даты по юлианскому календарю, Orthodox_Easter_ul Maslenitsa_Orthodox_ul palm_Sunday_Orthodox_ul Orthodox_Radunitsa_ul Orthodox_Trinity_ul надо из этих дат высчитать даты по григорианскому календарю и сохранить в span'ы с соответствующими id'ами их названия оканчиваются на "_ul",.... Orthodox_Easter_gr Maslenitsa_Orthodox_gr palm_Sunday_Orthodox_gr Orthodox_Radunitsa_gr Orthodox_Trinity_gr другими словами применить функции function julianToJdn(d, m, y) { return 367 * y - tr((7 * (y + 5001 + tr((m - 9) / 7))) / 4) + tr((275 * m) / 9) + d + 1729777; } и function jdnToJulianOrGregorian(j, to) { // to: true (julian), false (gregorian) var f = (to) ? (j + 1401) : (j + 1363 + tr((tr((4 * j + 274277) / 146097) * 3) / 4)); var e = 4 * f + 3, h = 5 * tr((e % 1461) / 4) + 2; var d = tr((h % 153) / 5) + 1, m = ((tr(h / 153) + 2) % 12) + 1, y = tr(e / 1461) - 4716 + tr((14 - m) / 12); return { d: d, m: m, y: y }; } потом надо у всех дат по юлианскому календарю span'ы с id'ами с окончанием на _ul, и которые были и которые получили, высчитать дни недели, другими словами применить функции function julianToJdn(d, m, y) { return 367 * y - tr((7 * (y + 5001 + tr((m - 9) / 7))) / 4) + tr((275 * m) / 9) + d + 1729777; } и function jdnToWeekDay(j) { return (j % 7) + 1; } function tr(n) { return n - n % 1; } // truncate (for integer division) https://en.wikipedia.org/wiki/Julian_day высчитывать дни недели у григорианских дат не нужно (объект date сам может), и вставить недостающие даты на страницу, одним словом доработать скрипт до логического завершения... |
вот сам скрипт с запускаемым примером
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> div { width: 70%; border: 1px solid #a9a9a9; border-radius: 12px/9px; padding: 10px 25px; margin: 0 20px 5px 0; } span.title { color: hsl(210,100%,50%); } span.ulian { color: hsl(240,100%,70%); } span.grig { color: hsl(240,100%,30%); } input { display: inline-block; /* без свойства display не во всех браузерах работает выравнивание в полях ввода */ text-align: center; border: 1px solid #999;} </style> </head> <body> <div> <input id="YearEntry" type="number" min="326" max="4099" step="1" value=""/> </div> <div id="Catholic_Easter"> <span class="title">Католическая пасха<br></span> <span class="grig"><span id="Catholic_Easter_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Catholic_Easter_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Maslenitsa_Catholic"> <span class="title">Католическая масленица<br></span> <span class="grig"><span id="Maslenitsa_Catholic_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Maslenitsa_Catholic_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="palm_Sunday_Catholic"> <span class="title">Католическое вербное воскресенье<br></span> <span class="grig"><span id="palm_Sunday_Catholic_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="palm_Sunday_Catholic_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Catholic_Radunitsa"> <span class="title">Католическая радуница<br></span> <span class="grig"><span id="Catholic_Radunitsa_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Catholic_Radunitsa_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Catholic_Trinity"> <span class="title">Католическая троица<br></span> <span class="grig"><span id="Catholic_Trinity_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Catholic_Trinity_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Orthodox_Easter"> <span class="title">Православная пасха<br></span> <span class="grig"><span id="Orthodox_Easter_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Orthodox_Easter_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Maslenitsa_Orthodox"> <span class="title">Православная масленица<br></span> <span class="grig"><span id="Maslenitsa_Orthodox_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Maslenitsa_Orthodox_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="palm_Sunday_Orthodox"> <span class="title">Православное вербное воскресенье<br></span> <span class="grig"><span id="palm_Sunday_Orthodox_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="palm_Sunday_Orthodox_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Orthodox_Radunitsa"> <span class="title">Православная радуница<br></span> <span class="grig"><span id="Orthodox_Radunitsa_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Orthodox_Radunitsa_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Orthodox_Trinity"> <span class="title">Православная троица<br></span> <span class="grig"><span id="Orthodox_Trinity_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Orthodox_Trinity_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div> Первый Никейский собор — собор Церкви, созванный императором Константином I; состоялся в июне 325 года в городе Никее (ныне Изник, Турция); продолжался больше двух месяцев и стал первым Вселенским собором в истории христианства. </div> <script> function catholicDate(year) { // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи var a = year % 19, b = year % 4, c = year % 7, k = Math.floor(year / 100), p = Math.floor((13 + 8 * k) / 25), q = Math.floor(k / 4), m = (15 - p + k - q) % 30, n = (4 + k - q) % 7, d = (19 * a + m) % 30, e = (2 * b + 4 * c + 6 * d + n) % 7; if (d === 29 && e === 6) return new Date(year, 3, 19); if (d === 28 && e === 6 && ((11 * m + 11) % 30 < 19)) return new Date(year, 3, 18); if (d + e > 9) return new Date(year, 3, d + e - 9); else return new Date(year, 2, 22 + d + e); } function orthodoxDate(year) { // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи var a = year % 19, b = year % 4, c = year % 7, d = (19 * a + 15) % 30, e = (2 * b + 4 * c + 6 * d + 6) % 7, f = d + e; // (по старому стилю) Если f ≤ 9, то Пасха будет праздноваться 22 + f марта; если f > 9, то Пасха будет праздноваться f — 9 апреля. return f <= 9 ? new Date(year, 2, 22 + f) : new Date(year, 3, f - 9); } function Catholic_Easter(dt, days) { const msday = 24*60*60*1000; // мс в сутках return new Date(dt.getTime() + days * msday); } function Orthodox_Easter(dt, days) { const msday = 24*60*60*1000; // мс в сутках return new Date(dt.getTime() + days * msday); } // Все даты отображаем в едином формате function formatDate(date) { return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(/^.?|,/g, function(v, i) { return !i ? v.toUpperCase() : '<br>' }); } document.addEventListener("DOMContentLoaded", document_domcontentloaded); function document_domcontentloaded() { document.getElementById("YearEntry").value = new Date().getFullYear(); output(); document.getElementById("YearEntry").oninput = output; } function output() { const year = document.getElementById("YearEntry").value; const cathDate = catholicDate(year), orthDate = orthodoxDate(year); document.getElementById("Catholic_Easter_gr").innerHTML = formatDate(cathDate); document.getElementById("Maslenitsa_Catholic_gr").innerHTML = formatDate(Catholic_Easter(cathDate, -49)); document.getElementById("palm_Sunday_Catholic_gr").innerHTML = formatDate(Catholic_Easter(cathDate, -7)); document.getElementById("Catholic_Radunitsa_gr").innerHTML = formatDate(Catholic_Easter(cathDate, 9)); document.getElementById("Catholic_Trinity_gr").innerHTML = formatDate(Catholic_Easter(cathDate, 49)); document.getElementById("Orthodox_Easter_ul").innerHTML = formatDate(orthodoxDate(year)); document.getElementById("Maslenitsa_Orthodox_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, -49)); document.getElementById("palm_Sunday_Orthodox_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, -7)); document.getElementById("Orthodox_Radunitsa_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, 9)); document.getElementById("Orthodox_Trinity_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, 49)); } </script> </body> </html> |
Блондинка,
ок но если все блоки одинаковые по числу элементов, то может выкинуть все id во всех блоках и присвоить блокам классы, и обращаться по классу блока и индексу элемента в этом блоке. |
рони,
а смысл, главное получить все недостающие даты, и так потом проще блоки заменить на таблицу с ячейками, например две пасхи в одной строке в разных ячейках... |
Блондинка,
не понимаю почему вместо структуры <div id="1gr"></div> <div id="2gr"></div> <div id="3gr"></div> <div id="4gr"></div> <div id="5gr"></div> не сделать блок <div class="gr"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> |
рони,
надо добавить в скрипт недостающие функции, и с их помощью рассчитать даты, а остальное второстепенно... |
Блондинка,
я пас. |
:cray:
|
есть такая функция
// Все даты отображаем в едином формате function formatDate(date) { return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(/^.?|,/g, function(v, i) { return !i ? v.toUpperCase() : '<br>' }); возможно ли её как-то изменить? чтобы она коректировала день недели, приблизительно так var day = new Date(); document.write((day.getDay()+13)%7 ); |
Блондинка,
вы хотите чтоб сегодня вместо понедельника, было воскресенье? |
рони,
Да, на странице должно показать Воскресенье 26 апреля 2021 г. |
Блондинка,
<script> let day = new Date(); function formatDate(date) { let weekday = "Воскресенье,Понедельник,Вторник,Среда,Четверг,Пятница,Суббота".split(",")[(date.getDay()+13)%7] +"<br>"; return weekday + date.toLocaleDateString("ru", { day: "numeric", month: "long", year: "numeric" }); } document.write(formatDate(day)) </script> |
рони,
super :thanks: есть переменная razn = 0, if (year >= 300 && year <= 499) razn = 1; else if (year >= 500 && year <= 599) razn = 2; else if (year >= 600 && year <= 699) razn = 3; else if (year >= 700 && year <= 899) razn = 4; else if (year >= 900 && year <= 999) razn = 5; else if (year >= 1000 && year <= 1099) razn = 6; else if (year >= 1100 && year <= 1299) razn = 7; else if (year >= 1300 && year <= 1399) razn = 8; else if (year >= 1400 && year <= 1499) razn = 9; else if (year >= 1500 && year <= 1699) razn = 10; else if (year >= 1700 && year <= 1799) razn = 11; else if (year >= 1800 && year <= 1899) razn = 12; else if (year >= 1900 && year <= 2099) razn = 13; else if (year >= 2100 && year <= 2199) razn = 14; else if (year >= 2200 && year <= 2299) razn = 15; else if (year >= 2300 && year <= 2399) razn = 16; else if (year >= 2500 && year <= 2599) razn = 17; else if (year >= 2600 && year <= 2699) razn = 18; else if (year >= 2700 && year <= 2899) razn = 19; else if (year >= 2900 && year <= 2999) razn = 20; else if (year >= 3000 && year <= 3099) razn = 21; else if (year >= 3100 && year <= 3299) razn = 22; else if (year >= 3300 && year <= 3399) razn = 23; else if (year >= 3400 && year <= 3499) razn = 24; else if (year >= 3500 && year <= 3699) razn = 25; else if (year >= 3700 && year <= 3799) razn = 26; else if (year >= 3800 && year <= 3899) razn = 27; else if (year >= 3900 && year <= 4099) razn = 28; как переменную добавить в этот скрипт? чтобы получить даты по другому календарю... <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> div { width: 70%; border: 1px solid #a9a9a9; border-radius: 12px/9px; padding: 10px 25px; margin: 0 20px 5px 0; } span.title { color: hsl(210,100%,50%); } span.ulian { color: hsl(240,100%,70%); } span.grig { color: hsl(240,100%,30%); } input { display: inline-block; /* без свойства display не во всех браузерах работает выравнивание в полях ввода */ text-align: center; } </style> </head> <body> <div> <input id="YearEntry" type="number" min="326" max="4099" step="1" value=""/> </div> <div id="Catholic_Easter"> <span class="title">Католическая пасха<br></span> <span class="grig"><span id="Catholic_Easter_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Catholic_Easter_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Maslenitsa_Catholic"> <span class="title">Католическая масленица<br></span> <span class="grig"><span id="Maslenitsa_Catholic_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Maslenitsa_Catholic_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="palm_Sunday_Catholic"> <span class="title">Католическое вербное воскресенье<br></span> <span class="grig"><span id="palm_Sunday_Catholic_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="palm_Sunday_Catholic_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Catholic_Radunitsa"> <span class="title">Католическая радуница<br></span> <span class="grig"><span id="Catholic_Radunitsa_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Catholic_Radunitsa_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Catholic_Trinity"> <span class="title">Католическая троица<br></span> <span class="grig"><span id="Catholic_Trinity_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Catholic_Trinity_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Orthodox_Easter"> <span class="title">Православная пасха<br></span> <span class="grig"><span id="Orthodox_Easter_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Orthodox_Easter_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Maslenitsa_Orthodox"> <span class="title">Православная масленица<br></span> <span class="grig"><span id="Maslenitsa_Orthodox_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Maslenitsa_Orthodox_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="palm_Sunday_Orthodox"> <span class="title">Православное вербное воскресенье<br></span> <span class="grig"><span id="palm_Sunday_Orthodox_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="palm_Sunday_Orthodox_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Orthodox_Radunitsa"> <span class="title">Православная радуница<br></span> <span class="grig"><span id="Orthodox_Radunitsa_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Orthodox_Radunitsa_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div id="Orthodox_Trinity"> <span class="title">Православная троица<br></span> <span class="grig"><span id="Orthodox_Trinity_gr"> </span><br> по григорианскому календарю (новый стиль)<br></span> <span class="ulian"><span id="Orthodox_Trinity_ul"> </span><br> по юлианскому календарю (старый стиль)</span> </div> <div> Первый Никейский собор — собор Церкви, созванный императором Константином I; состоялся в июне 325 года в городе Никее (ныне Изник, Турция); продолжался больше двух месяцев и стал первым Вселенским собором в истории христианства. </div> <script> function catholicDate(year) { // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи var a = year % 19, b = year % 4, c = year % 7, k = Math.floor(year / 100), p = Math.floor((13 + 8 * k) / 25), q = Math.floor(k / 4), m = (15 - p + k - q) % 30, n = (4 + k - q) % 7, d = (19 * a + m) % 30, e = (2 * b + 4 * c + 6 * d + n) % 7; if (d === 29 && e === 6) return new Date(year, 3, 19); if (d === 28 && e === 6 && ((11 * m + 11) % 30 < 19)) return new Date(year, 3, 18); if (d + e > 9) return new Date(year, 3, d + e - 9); else return new Date(year, 2, 22 + d + e); } function orthodoxDate(year) { // https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи var a = year % 19, b = year % 4, c = year % 7, d = (19 * a + 15) % 30, e = (2 * b + 4 * c + 6 * d + 6) % 7, f = d + e; // (по старому стилю) Если f ≤ 9, то Пасха будет праздноваться 22 + f марта; если f > 9, то Пасха будет праздноваться f — 9 апреля. return f <= 9 ? new Date(year, 2, 22 + f) : new Date(year, 3, f - 9); } function Catholic_Easter(dt, days) { const msday = 24*60*60*1000; // мс в сутках return new Date(dt.getTime() + days * msday); } function Orthodox_Easter(dt, days) { const msday = 24*60*60*1000; // мс в сутках return new Date(dt.getTime() + days * msday); } // Все даты отображаем в едином формате function formatDate(date) { return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(/^.?|,/g, function(v, i) { return !i ? v.toUpperCase() : '<br>' }); } function formatDate_ul(date) { var weekday = "Воскресенье,Понедельник,Вторник,Среда,Четверг,Пятница,Суббота".split(",")[(date.getDay()+13)%7] +"<br>"; return weekday + date.toLocaleDateString("ru", { day: "numeric", month: "long", year: "numeric" }); } document.addEventListener("DOMContentLoaded", document_domcontentloaded); function document_domcontentloaded() { document.getElementById("YearEntry").value = new Date().getFullYear(); output(); document.getElementById("YearEntry").oninput = output; } function output() { const year = document.getElementById("YearEntry").value; const cathDate = catholicDate(year), orthDate = orthodoxDate(year); document.getElementById("Catholic_Easter_gr").innerHTML = formatDate(cathDate); document.getElementById("Maslenitsa_Catholic_gr").innerHTML = formatDate(Catholic_Easter(cathDate, -49)); document.getElementById("palm_Sunday_Catholic_gr").innerHTML = formatDate(Catholic_Easter(cathDate, -7)); document.getElementById("Catholic_Radunitsa_gr").innerHTML = formatDate(Catholic_Easter(cathDate, 9)); document.getElementById("Catholic_Trinity_gr").innerHTML = formatDate(Catholic_Easter(cathDate, 49)); document.getElementById("Orthodox_Easter_ul").innerHTML = formatDate_ul(orthodoxDate(year)); document.getElementById("Maslenitsa_Orthodox_ul").innerHTML = formatDate_ul(Orthodox_Easter(orthDate, -49)); document.getElementById("palm_Sunday_Orthodox_ul").innerHTML = formatDate_ul(Orthodox_Easter(orthDate, -7)); document.getElementById("Orthodox_Radunitsa_ul").innerHTML = formatDate_ul(Orthodox_Easter(orthDate, 9)); document.getElementById("Orthodox_Trinity_ul").innerHTML = formatDate_ul(Orthodox_Easter(orthDate, 49)); } </script> </body> </html> |
Часовой пояс GMT +3, время: 23:16. |