Версия для слабовидящих

Шаблон:Телефонный справочник — различия между версиями

Материал из Ярославский педагогический университет
Перейти к: навигация, поиск
Строка 1: Строка 1:
 
 
<html>
 
<html>
 
<head>
 
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
 
 
<style>
 
<style>
body {font-family: Arial;}
 
  
 
/* Стиль вкладок */
 
/* Стиль вкладок */
Строка 42: Строка 39:
 
   border-top: none;
 
   border-top: none;
 
}
 
}
</style>
 
</head>
 
<body>
 
  
<h1></h1>
+
/* Стиль содержимого аккордеон */
 +
.collapsible {
 +
  background-color: #EEEEFF;
 +
  color: black;
 +
  cursor: pointer;
 +
  padding: 18px;
 +
  width: 100%;
 +
  border: none;
 +
  text-align: left;
 +
  outline: none;
 +
  font-size: 15px;
 +
}
  
<p>Нажмите на кнопки внутри вкладочного меню:</p>
+
.active, .collapsible:hover {
 +
  background-color: #EEEEFF;
 +
}
  
<div class="tab">
+
.collapsible:after {
   <button class="tablinks" onclick="openCity(event, 'st_1')">РЕКТОРfn</button>
+
   content: '\002B';
   <button class="tablinks" onclick="openCity(event, 'st_2')">Институт педагогики и психологии</button>
+
   color: black;
   <button class="tablinks" onclick="openCity(event, 'st_3')">Институт развития кадрового потенциала</button>
+
   font-weight: bold;
   <button class="tablinks" onclick="openCity(event, 'st_4')"></button>
+
   float: right;
   <button class="tablinks" onclick="openCity(event, 'st_5')"></button>
+
   margin-left: 5px;
</div>
+
}
  
<div id="st_1" class="tabcontent">
+
.active:after {
  РЕКТОР УНИВЕРСИТЕТА 30-56-61 Груздев
+
  content: "\2212";
Михаил Вадимович
+
}
  
Помощник ректора 30-56-61
+
/* Стиль содержимого таблица */
вн.232 Калинина
+
.content {
Мария Николаевна
+
  padding: 0 18px;
Проректор по научной работе 30-55-96
+
  max-height: 0;
вн.202 Ходырев
+
  overflow: hidden;
Александр Михайлович
+
  transition: max-height 0.2s ease-out;
 +
  background-color: white;
 +
}
  
Помощник проректора по научной работе 30-55-96
+
.tr,td {
вн.216 Головкина
+
  border: 1px solid #ddd;
Анастасия Александровна
+
  text-align: center;
+
  padding: 11px;
Проректор по учебной работе
+
}
Проректор по учебно-организационной работе 72-87-10
+
  
30-56-71
+
.th {
вн.233 Соловьев
+
    border: 1px solid #ddd;
Михаил Юрьевич
+
    padding-top: 8px;
Завойстый
+
    padding-bottom: 8px;
Владимир Петрович
+
    text-align: center;
 +
    background-color: #EEEEFF;
 +
    color: black;
 +
}
  
Помощник проректора по учебно-организационной работе
+
</style>
30-56-61
+
</head>
вн.200 Никерова Елена Алексеевна
+
<body>
Заместитель ректора 73-19-95
+
вн.206 Потолов
+
Тарас Игоревич
+
  
 +
<h1></h1>
  
Проректор университета
+
<p>Нажмите на кнопки внутри вкладочного меню:</p>
Акашев
+
Владимир Владимирович
+
 
+
Советник ректора
+
8-915-969-90-50
+
Филиппов
+
Григорий Александрович
+
 
+
Советник ректора
+
8-960-533-40-48 Зайцева
+
Марина Александровна
+
 
+
Учёный секретарь университета 
+
                      72-80-82
+
вн.224 Никифоров
+
Юрий Сергеевич
+
 
+
Ответственный секретарь приемной комиссии
+
(очная форма обучения)
+
+
58-04-31
+
Ковригина
+
Татьяна Руфимовна
+
Ответственный секретарь приемной комиссии
+
(заочная форма обучения) 32-92-87 Заверткина
+
Елена Геннадьевна
+
  
 +
<div class="tab">
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_1')">А</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_2')">Б</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_3')">В</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_4')">Г</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_5')">Д</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_6')">Е</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_7')">Ё</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_8')">Ж</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_9')">З</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_10')">И</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_12')">К</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_13')">Л</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_14')">М</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_15')">Н</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_16')">О</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_17')">П</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_18')">Р</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_19')">С</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_20')">Т</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_21')">У</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_22')">Ф</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_23')">Х</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_24')">Ц</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_25')">Ч</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_26')">Ш</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_27')">Щ</button
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_31')">Э</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_32')">Ю</button>
 +
  <button class="tablinks" onclick="openCity(event, 'telsp_33')">Я</button>
 +
 
 
</div>
 
</div>
  
<div id="st_2" class="tabcontent">
+
<div id="telsp_1" class="tabcontent">
  <h3></h3>
+
  <p></p>
+
 
</div>
 
</div>
 
+
<div id="telsp_2" class="tabcontent">
<div id="st_3" class="tabcontent">
+
  <h3></h3>
+
  <p></p>
+
  <p></p>
+
 
</div>
 
</div>
 
+
<div id="telsp_3" class="tabcontent">
 
+
<div id="sp_4" class="tabcontent">
+
  <h3></h3>
+
  <p></p>
+
  <p></p>
+
 
</div>
 
</div>
 
+
<div id="telsp_4" class="tabcontent">
<div id="sp_18" class="tabcontent">
+
</div>
 +
<div id="telsp_5" class="tabcontent">
 +
</div>
 +
<div id="telsp_6" class="tabcontent">
 +
</div>
 +
<div id="telsp_7" class="tabcontent">
 +
</div>
 +
<div id="telsp_8" class="tabcontent">
 +
</div>
 +
<div id="telsp_9" class="tabcontent">
 +
</div>
 +
<div id="telsp_10" class="tabcontent">
 +
</div>
 +
<div id="telsp_12" class="tabcontent">
 +
</div>
 +
<div id="telsp_13" class="tabcontent">
 +
</div>
 +
<div id="telsp_14" class="tabcontent">
 +
</div>
 +
<div id="telsp_3" class="tabcontent">
 +
</div>
 +
<div id="telsp_15" class="tabcontent">
 +
</div>
 +
<div id="telsp_16" class="tabcontent">
 +
</div>
 +
<div id="telsp_17" class="tabcontent">
 +
</div>
 +
<div id="telsp_18" class="tabcontent">
 
   <h3>Репина Алевтина Валентиновна</h3>
 
   <h3>Репина Алевтина Валентиновна</h3>
 
   <p>Научно-методический центр «Новая дидактика»</p>
 
   <p>Научно-методический центр «Новая дидактика»</p>
 
   <p>Должность:<strong>Руководитель центра</strong></p>
 
   <p>Должность:<strong>Руководитель центра</strong></p>
 
   <p>Телефон: <strong>8-906-525-20-45</strong></p>
 
   <p>Телефон: <strong>8-906-525-20-45</strong></p>
   <a href="mailto: l.tikhomirova@yspu.org"> l.tikhomirova@yspu.org</a>                            
+
   <a href="mailto: ">email:</a>
 +
</div>
 +
<div id="telsp_19" class="tabcontent">
 +
</div>
 +
<div id="telsp_20" class="tabcontent">
 +
</div>
 +
<div id="telsp_21" class="tabcontent">
 +
</div>
 +
<div id="telsp_22" class="tabcontent">
 +
</div>
 +
<div id="telsp_23" class="tabcontent">
 +
</div>
 +
<div id="telsp_24" class="tabcontent">
 +
</div>
 +
<div id="telsp_25" class="tabcontent">
 +
</div>
 +
<div id="telsp_26" class="tabcontent">
 +
</div>
 +
<div id="telsp_27" class="tabcontent">
 +
</div>
 +
<div id="telsp_31" class="tabcontent">
 +
</div>
 +
<div id="telsp_32" class="tabcontent">
 +
</div>
 +
<div id="telsp_32" class="tabcontent">
 
</div>
 
</div>
 +
 +
<h1>Информация по подразделениям</h1>
 +
<h5></h5>
 +
<button class="collapsible">Ректорат</button>
 +
<div class="content">
 +
<div style="overflow-x:auto;">
 +
  <table>
 +
  <div itemprop="eduAccred">
 +
    <tr>
 +
  <th><strong>Фамилия имя отчестово</strong></th>
 +
  <th><strong>Контаткный телефон</strong></th>
 +
  <th><strong>Должность</strong></th>
 +
  <th><strong>Электронная почта</strong></th>
 +
  </div>
 +
  <div itemprop="eduAccred">
 +
    <tr>
 +
  <td width="30%"></td>
 +
  <td width="30%"></td>
 +
  <td width="20%"></td>
 +
  <td width="20%"></td>
 +
  </tr>
 +
  </div>
 +
  </table>
 +
</div>
 +
</div>
 +
<button class="collapsible">Ректорат</button>
 +
<div class="content">
 +
<div style="overflow-x:auto;">
 +
  <table>
 +
  <div itemprop="eduAccred">
 +
    <tr>
 +
  <th><strong>Фамилия имя отчестово</strong></th>
 +
  <th><strong>Контаткный телефон</strong></th>
 +
  <th><strong>Должность</strong></th>
 +
  <th><strong>Электронная почта</strong></th>
 +
  </div>
 +
  <div itemprop="eduAccred">
 +
    <tr>
 +
  <td width="30%"></td>
 +
  <td width="30%"></td>
 +
  <td width="20%"></td>
 +
  <td width="20%"></td>
 +
  </tr>
 +
  </div>
 +
  </table>
 +
</div>
 +
</div>
 +
  
  
Строка 150: Строка 252:
  
 
<script>
 
<script>
 +
  var coll = document.getElementsByClassName("collapsible");
 +
  var i;
 +
 
 +
  for (i = 0; i < coll.length; i++) {
 +
    coll[i].addEventListener("click", function() {
 +
      this.classList.toggle("active");
 +
      var content = this.nextElementSibling;
 +
      if (content.style.maxHeight){
 +
        content.style.maxHeight = null;
 +
      } else {
 +
        content.style.maxHeight = content.scrollHeight + "px";
 +
      }
 +
    });
 +
  }
 +
  $(document).ready(function() {
 +
  $('.block').on('click', '.extremum-click', function() {
 +
  $(this).toggleClass('red').siblings('.extremum-slide').slideToggle(1);
 +
  });
 +
  });
 +
 
 
function openCity(evt, cityName) {
 
function openCity(evt, cityName) {
 
   var i, tabcontent, tablinks;
 
   var i, tabcontent, tablinks;
Строка 164: Строка 286:
 
}
 
}
 
</script>
 
</script>
 
+
 
 
</body>
 
</body>
 
</html>
 
</html>

Версия 15:01, 14 октября 2021

Нажмите на кнопки внутри вкладочного меню:

Э

Репина Алевтина Валентиновна

Научно-методический центр «Новая дидактика»

Должность:Руководитель центра

Телефон: 8-906-525-20-45

email:

Информация по подразделениям

Фамилия имя отчестово Контаткный телефон Должность Электронная почта
Фамилия имя отчестово Контаткный телефон Должность Электронная почта