25.04.2021, 17:15
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
|
рони,
тоесть надо обратиться(найти) к этим элемента наверное через метод querySelectorAll(), в скобках через зяпятую указать иды этих элементов, но если этих элементов очень много, можно как-то сократить список типа как в стилях, типа, querySelectorAll(*1)
а потом сохранить в Иды с соответствующими названиями (*2)
|
|
25.04.2021, 18:52
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,144
|
|
|
Блондинка,
моя твоя не понимай!
|
|
25.04.2021, 19:26
|
|
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
есть несколько 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 сам может),
и вставить недостающие даты на страницу,
одним словом доработать скрипт до логического завершения...
Последний раз редактировалось Блондинка, 25.04.2021 в 20:23.
|
|
25.04.2021, 19:34
|
|
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
вот сам скрипт с запускаемым примером
<!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>
|
|
25.04.2021, 20:00
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,144
|
|
|
Блондинка,
ок но если все блоки одинаковые по числу элементов, то может выкинуть все id во всех блоках и присвоить блокам классы, и обращаться по классу блока и индексу элемента в этом блоке.
|
|
25.04.2021, 20:28
|
|
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
|
рони,
а смысл, главное получить все недостающие даты, и так потом проще блоки заменить на таблицу с ячейками, например две пасхи в одной строке в разных ячейках...
|
|
25.04.2021, 20:40
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,144
|
|
Блондинка,
не понимаю почему вместо структуры
<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>
|
|
25.04.2021, 20:57
|
|
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
|
рони,
надо добавить в скрипт недостающие функции, и с их помощью рассчитать даты, а остальное второстепенно...
|
|
25.04.2021, 21:02
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,144
|
|
|
Блондинка,
я пас.
|
|
25.04.2021, 21:06
|
|
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
|
|
|
|
|
