Показать сообщение отдельно
  #12 (permalink)  
Старый 10.04.2019, 12:47
Кандидат Javascript-наук
Отправить личное сообщение для Besprizornik Посмотреть профиль Найти все сообщения от Besprizornik
 
Регистрация: 24.02.2019
Сообщений: 126

Вот код страницы вместе с таблицей

<!DOCTYPE html>
<html><head>
<meta charset=utf-8">
<title>Конвертирование даты из григорианского календаря в юлианский и обратно.</title>
<style>
body { color: #0000a0; font: 14px Georgia, 'Times New Roman', Times, serif; }
h1 { color: #ffffff; font: 16px Georgia, 'Times New Roman', Times, serif; text-shadow: 1px 1px #0005ff, -1px 1px #0005ff, 1px -1px #0005ff, -1px -1px #0005ff, 1px 0px #0005ff, 0px 1px #0005ff, -1px 0px #0005ff, 0px -1px #0005ff; -webkit-animation: h-pulsare 1.35s linear infinite; animation: h-pulsare 1.35s linear infinite;}
div { border: 1px solid #999999; padding: 10px; margin-bottom: 10px; min-width: 340px; width: 100%; }
div.date { white-space: nowrap; }
select { height: 26px; margin: 0; }
input { height: 22px; padding-left: 5px; }
select, input { background: #d7d7ff; color: #0000a0; border: 1px solid #0000a0; font: 16px Georgia, 'Times New Roman', Times, serif; line-height: 0; margin: 5px 3px; }
div.day-grig, div.day-ulian { display: block; padding: 0; margin: 0 auto -10px 2px; border: 1px solid transparent; width: 136px; height: 26px; position: relative; }
select.day_gr, select.day_ul { position: relative; bottom: 0px; right: 2px; margin: 0 auto -10px 2px; width: 136px; }
span.day_week { position: relative; right: 136.5px; font: 16px Georgia, 'Times New Roman', Times, serif; }
@-webkit-keyframes h-pulsare { 0%, 100% { color: #ffffff; text-shadow: 1px 1px #0005ff, -1px 1px #0005ff, 1px -1px #0005ff, -1px -1px #0005ff, 1px 0px #0005ff, 0px 1px #0005ff, -1px 0px #0005ff, 0px -1px #0005ff; } 50% { color: #d7d7ff; text-shadow: 1px 1px #0005ff, -1px 1px #0005ff, 1px -1px #0005ff, -1px -1px #0005ff, 1px 0px #0005ff, 0px 1px #0005ff, -1px 0px #0005ff, 0px -1px #0005ff, 0 0 30px #ff0055; } } @keyframes h-pulsare { 0%, 100% { color: #ffffff; text-shadow: 1px 1px #0005ff, -1px 1px #0005ff, 1px -1px #0005ff, -1px -1px #0005ff, 1px 0px #0005ff, 0px 1px #0005ff, -1px 0px #0005ff, 0px -1px #0005ff; } 50% { color: #d7d7ff; text-shadow: 1px 1px #0005ff, -1px 1px #0005ff, 1px -1px #0005ff, -1px -1px #0005ff, 1px 0px #0005ff, 0px 1px #0005ff, -1px 0px #0005ff, 0px -1px #0005ff, 0 0 30px #ff0055; } }
</style>
<script> 
var d = new Date(), dayweek = ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'][d.getDay()];
document.addEventListener('DOMContentLoaded', function() { 
[].forEach.call(document.querySelectorAll('.day_week'), function (el) { el.textContent = dayweek });
document.querySelector('#date_gr').options[d.getDate()].selected = true;
document.querySelector('#month_gr').options[d.getMonth()+1].selected = true;
document.querySelector('#year_gr').value = d.getFullYear();
document.querySelector('#era_gr').options.selected = true;
d.setDate(d.getDate() - 13);
document.querySelector('#date_ul').options[d.getDate()].selected = true;
document.querySelector('#month_ul').options[d.getMonth()+1].selected = true;
document.querySelector('#year_ul').value = d.getFullYear();
document.querySelector('#era_ul').options.selected = true;
});
</script>
</head><body>
<h1>Конвертирование даты из григорианского календаря в юлианский и обратно.</h1>
<div class="date">
Сегодня:<br/>
<div class="day-grig"><select class="day_gr" id="day_gr">
</select>
<span class="day_week"></span></div><br>
<select class="date_gr" id="date_gr">
<option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option><option value="5">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option><option value="9">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option>
</select> 
<select class="month_gr" id="month_gr">
<option value="1">января</option><option value="2">февраля</option><option value="3">марта</option><option value="4">апреля</option><option value="5">мая</option><option value="6">июня</option><option value="7">июля</option><option value="8">августа</option><option value="9">сентября</option><option value="10">октября</option><option value="11">ноября</option><option value="12">декабря</option>
</select> 
<input class="year_gr" id="year_gr" type="number" size="4" name="year" min="0" max="2400" step="1" value=""> <i>г</i>. 
<select class="era_gr" id="era_gr"> 
<option value="-">до н. э.</option> <option value="">н. э.</option>
</select><br/>
по григорианскому календарю<br/>(<i>новый стиль</i>)
</div>
<div class="date">
Сегодня:<br/>
<div class="day-ulian"><select class="day_ul" id="day_ul">
</select>
<span class="day_week"></span></div><br>
<select class="date_ul" id="date_ul">
<option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option><option value="5">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option><option value="9">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option>
</select> 
<select class="month_ul" id="month_ul">
<option value="1">января</option><option value="2">февраля</option><option value="3">марта</option><option value="4">апреля</option><option value="5">мая</option><option value="6">июня</option><option value="7">июля</option><option value="8">августа</option><option value="9">сентября</option><option value="10">октября</option><option value="11">ноября</option><option value="12">декабря</option>
</select> 
<input class="year_ul" id="year_ul" type="number" size="4" name="year" min="0" max="2400" step="1" value=""> <i>г</i>. 
<select class="era_ul" id="era_ul"> 
<option value="-">до н. э.</option> <option value="">н. э.</option>
</select><br/>
по юлианскому календарю<br/>(<i>старый стиль</i>)
</div>
<div>
Выберите нужную вам дату и нажмите на кнопку „Смотреть“...<br/> 
<button type="button">Смотреть</button><br/> 
При нажатии на кнопку „Сбросить“ покажет сегодняшнюю дату...<br/>
<button type=" reset">Сбросить</button>
</div>
<table align="center" bordercolor="#b8b8b8" border="1" width="100%" cellspacing="3" cellpadding="10">
<tr><td>Разница (дней)</td><td>Период (по пролептическому григорианскому календарю)</td></tr>
<tr><td>+2</td><td>27.02.101 г. до н. э. — 27.02.100 г.</td></tr>
<tr><td>+1</td><td>28.02.100 г.— 28.02.200 г.</td></tr>
<tr><td>0</td><td>1.03.200 г.— 1.03.300 г.</td></tr>
<tr><td>-1</td><td>2.03.300 г.— 2.03.500 г.</td></tr>
<tr><td>-2</td><td>3.03.500 г.— 3.03.600 г.</td></tr>
<tr><td>-3</td><td>4.03.600 г.— 4.03.700 г.</td></tr>
<tr><td>-4</td><td>5.03.700 г.— 5.03.900 г.</td></tr>
<tr><td>-5</td><td>6.03.900 г.— 6.03.1000 г.</td></tr>
<tr><td>-6</td><td>7.03.1000 г.— 7.03.1100 г.</td></tr>
<tr><td>-7</td><td>8.03.1100 г.— 8.03.1300 г.</td></tr>
<tr><td>-8</td><td>9.03.1300 г.— 9.03.1400 г.</td></tr>
<tr><td>-9</td><td>10.03.1400 г.— 10.03.1500 г.</td></tr>
<tr><td>-10</td><td>11.03.1500 г.— 14.10.1582 г.</td></tr>
<tr><td>Разница (дней)</td><td>Период (по григорианскому календарю)</td></tr>
<tr><td>-10</td><td>15.10.1582 г. — 11.03.1700 г.</td></tr>
<tr><td>-11</td><td>12.03.1700 г.— 12.03.1800 г.</td></tr>
<tr><td>-12</td>< <td>13.03.1800 г.— 13.03.1900 г.</td></tr>
<tr><td>-13</td><td>14.03.1900 г.— 14.03.2100 г.</td></tr>
<tr><td>-14</td><td>15.03.2100 г.— 15.03.2200 г.</td></tr>
<tr><td>-15</td><td>16.03.2200 г.— 16.03.2300 г.</td></tr>
</table>
</body></html>

Последний раз редактировалось Besprizornik, 11.04.2019 в 14:50.
Ответить с цитированием