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

возможно ли в него добавить ссылку, при клике на которую, html-код страницы станет таким

<style type="text/css">
 #calendar_Year { width: 996px; padding: 5px; border: 1px solid hsl(0,0%,66%); }
 #navigation_panel_year { width: 954px; border: 1px solid hsl(0,0%,66%); white-space: nowrap; padding: 10px 20px; margin: 0 0 3px 0; }
 #table_year { width: 1020px; border: none; margin: 0 0 0 -2px;; padding: 0; }
 .td_month { width: 330px; height: 375px; border: 1px solid hsl(0,0%,66%); border-radius: 0px/0px; padding: 5px; margin-left: -2px; }
 div.month_name { border: 1px solid hsl(0,0%,66%); padding: 10px 0;}
 button.year_minus { background-color: hsl(210, 100%, 85%); width: 28px; height: 34px; text-align: center; border-radius: 12px 0 0 12px / 10px 0 0 10px; margin-right: -6px; }
 button.year_plus { background-color: hsl(210, 100%, 85%); width: 28px; height: 34px; text-align: center; border-radius: 0 12px 12px 0 / 0 10px 10px 0; margin-left: -6px; }
 .month_plus { margin-right: 35px; }
 #presently { width: 234px; margin-top: 10px; border-radius: 12px/10px;}
 #calendar_month { width: 89px; display: inline-block; }
 #calendar_year { width: 54px; display: inline-block; }
 select { height: 34px; }
 #calendar_year { height: 30px; display: inline-block; text-align: center;  }
 button.year_minus, button.year_plus, #calendar_year { background-color: hsl(210,100%,85%); color: hsl(210,100%,45%); font: 14px serif; border: 1px solid hsl(210,100%,45%); }
 </style>
 <div id="calendar_Year">
 <div id="navigation_panel_year">
 Календарь на <button class="year_minus">–</button>
 <input type="number" size="4" id="calendar_year"/>
 <button class="year_plus">+</button> год. <br/>
 <button id="presently_year" style="display: none;">сегодня</button>
 </div>
 <div class="content_year">
 <table id="table_year">
 <tr><td class="td_month"><div class="month_name"></div></td><td class="td_month"><div class="month_name"></div></td><td class="td_month"><div class="month_name"></div></td></tr>
 <tr><td class="td_month"><div class="month_name"></div></td><td class="td_month"><div class="month_name"></div></td><td class="td_month"><div class="month_name"></div></td></tr>
 <tr><td class="td_month"><div class="month_name"></div></td><td class="td_month"><div class="month_name"></div></td><td class="td_month"><div class="month_name"></div></td></tr>
 <tr><td class="td_month"><div class="month_name"></div></td><td class="td_month"><div class="month_name"></div></td><td class="td_month"><div class="month_name"></div></td></tr>
 </table></div>
<a>календарь на месяц</a>
и отобразится календарь на год, а при клике на ссылку "календарь на месяц опять вернулся к отображению месяца?

Последний раз редактировалось Блондинка, 17.05.2021 в 17:47.
Ответить с цитированием