Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #31 (permalink)  
Старый 29.04.2021, 09:17
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от Блондинка Посмотреть сообщение
function getDifference(year) {
    var 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;
    return razn;
}
Глаза режет...

Как вариант...
function test(year) {
    if (year < 300) return 0;
	const a = [
		499, 599, 699, 899, 999, 1099, 1299, 1399, 1499, 1699, 1799,
		1899, 2099, 2199, 2299, 2399, 2599, 2699, 2899, 2999, 3099,
		3299, 3399, 3499, 3699, 3799, 3899, 4099
	]
	for (let i = 0; i < a.length; i++) {
		if (year < a[ i ]) return ++i
	}
	return 0
}
alert(test(1000))
Ответить с цитированием
  #32 (permalink)  
Старый 29.04.2021, 12:11
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

рони,
у нас есть 4 дива, и надо показать пользователю, только один из них, или <= 325, или до григорианского периода (только православные), или текущий период (католические и православные), или див с ошибкой >=4100 год...

получается что православные праздники отображены дважды на странице, и второй раз они не показывают...
Ответить с цитированием
  #33 (permalink)  
Старый 29.04.2021, 12:19
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

Сообщение от ksa
Глаза режет...

Как вариант...
лучше подсказал как второй раз получить православные праздники...

если режет глаза, попробуй решить задачу, переменная равна 1 в 300 год, через сто лет она изменится, если год делится на 400 без остатка, то на 0 дней, если с остатком то увеличится на 1...
Ответить с цитированием
  #34 (permalink)  
Старый 29.04.2021, 13:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Блондинка,
Ответить с цитированием
  #35 (permalink)  
Старый 29.04.2021, 14:08
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

SOS
Ответить с цитированием
  #36 (permalink)  
Старый 29.04.2021, 15:00
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от Блондинка
лучше подсказал как второй раз получить православные праздники...
Лучше - это таки научиться работать с JavaScript, ну и программировать вообще.

А приставать с каждым вопросом "как мне написать мою программу" это плохой вариант.
Ответить с цитированием
  #37 (permalink)  
Старый 29.04.2021, 15:09
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

есть 4 блока с ид

id="er_325" // год <=325
id="pre-Gregorian_period" // период 326–1582
id="current_period" // период 1583–4099
id="er_4100" // период >=4100

как показать посетителю только один из этих блоков, а остальные скрыть?

<script>

function catholicDate(year) {
 // [url]https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи[/url]
 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) {
 // [url]https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи[/url]
 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);
 }


 // Все даты по григорианскому календарю<br>отображаем в едином формате
 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 getDifference(year) {
    var 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;
    return razn;
}

// Все даты по юлианскому календарю<br>отображаем в едином формате
function formatDate_ul(date) {
    var razn = getDifference(date.getFullYear());
    var arrNameDay = "Воскресенье,Понедельник,Вторник,Среда,Четверг,Пятница,Суббота".split(",");
    var weekday = arrNameDay[(date.getDay() + razn) % 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() {
      function setContent(selector, content) {
        for (let element of document.getElementsByClassName(selector)) {
          element.innerHTML = content
        }
      }
      const year = +document.getElementById("YearEntry").value
      var razn = getDifference(year);
      const cathDate = catholicDate(year),
        orthDate = orthodoxDate(year);
      setContent("Catholic_Easter_gr", formatDate(cathDate));
      setContent("Maslenitsa_Catholic_gr", formatDate(Catholic_Easter(cathDate, -49)));
      setContent("palm_Sunday_Catholic_gr", formatDate(Catholic_Easter(cathDate, -7)));
      setContent("Catholic_Radunitsa_gr", formatDate(Catholic_Easter(cathDate, 9)));
      setContent("Catholic_Trinity_gr", formatDate(Catholic_Easter(cathDate, 49)));
      
      setContent("Catholic_Easter_ul", formatDate_ul(Catholic_Easter(cathDate, -razn)));
      setContent("Maslenitsa_Catholic_ul", formatDate_ul(Catholic_Easter(cathDate, -razn -49)));
      setContent("palm_Sunday_Catholic_ul", formatDate_ul(Catholic_Easter(cathDate, -razn -7)));
      setContent("Catholic_Radunitsa_ul", formatDate_ul(Catholic_Easter(cathDate, -razn +9)));
      setContent("Catholic_Trinity_ul", formatDate_ul(Catholic_Easter(cathDate, -razn +49)));
      
      setContent("Orthodox_Easter_gr", formatDate(Orthodox_Easter(orthDate, +razn)));
      setContent("Maslenitsa_Orthodox_gr", formatDate(Orthodox_Easter(orthDate, +razn -49)));
      setContent("palm_Sunday_Orthodox_gr", formatDate(Orthodox_Easter(orthDate, +razn -7)));
      setContent("Orthodox_Radunitsa_gr", formatDate(Orthodox_Easter(orthDate, +razn +9)));
      setContent("Orthodox_Trinity_gr", formatDate(Orthodox_Easter(orthDate, +razn +49)));
      
      setContent("Orthodox_Easter_ul", formatDate_ul(orthodoxDate(year)));
      setContent("Maslenitsa_Orthodox_ul", formatDate_ul(Orthodox_Easter(orthDate, -49)));
      setContent("palm_Sunday_Orthodox_ul", formatDate_ul(Orthodox_Easter(orthDate, -7)));
      setContent("Orthodox_Radunitsa_ul", formatDate_ul(Orthodox_Easter(orthDate, 9)));
      setContent("Orthodox_Trinity_ul", formatDate_ul(Orthodox_Easter(orthDate, 49)));
    }
</script>
Ответить с цитированием
  #38 (permalink)  
Старый 29.04.2021, 20:50
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

народ, кто может в этот скрипт добавить простую функцию, которая применит к трём блокам из 4ех (в зависимости от года введённого пользователем) свойство
display: none;
Ответить с цитированием
  #39 (permalink)  
Старый 30.04.2021, 11:16
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

S O S
Ответить с цитированием
  #40 (permalink)  
Старый 30.04.2021, 15:39
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

рони,

общими усилиями получен нужный скрипт,

всем огромное спасибо, кто принимал участие...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как хранить данные статьи? Ramundo Общие вопросы Javascript 5 03.04.2017 13:11
Как обновлять данные сервера и не выводить их повторно? Zamay jQuery 1 10.03.2017 00:43
Как спарсить POST данные в Google Plus ChenghisKhan Общие вопросы Javascript 0 16.01.2017 10:31
Как получить данные из opener в open melihovgv Javascript под браузер 1 07.12.2012 10:36
Как связать данные с нескольких форм FAG Элементы интерфейса 0 24.10.2012 15:56