Widget:Floors - История изменений

Rodion в 06:55, 28 марта 2025

2025-03-28T06:55:50Z

Новая страница

<includeonly>
<div id="floor-filters">
<style>
.floor-filter {
padding: 8px 12px;
margin: 4px;
background: #f8f9fa;
border: 1px solid #a2a9b1;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.floor-filter:hover {
background: #eaecf0;
}
.floor-filter.active {
background: #36c;
color: white;
border-color: #36c;
}
</style>

<div class="floor-filter" data-floor="-1">Цокольный этаж</div>
<div class="floor-filter" data-floor="1">1 этаж</div>
<div class="floor-filter" data-floor="2">2 этаж</div>
<div class="floor-filter" data-floor="3">3 этаж</div>
<div class="floor-filter" data-floor="4">4 этаж</div>
<div class="floor-filter" data-floor="5">5 этаж</div>
<div class="floor-filter" data-floor="6">6 этаж</div>

<script>
document.querySelectorAll('.floor-filter').forEach(filter => {
filter.addEventListener('click', function() {
// Удаляем активный класс у всех фильтров
document.querySelectorAll('.floor-filter').forEach(f => f.classList.remove('active'));
// Добавляем активный класс текущему фильтру
this.classList.add('active');

// Получаем выбранный этаж
const floor = this.getAttribute('data-floor');
// Перенаправляем на соответствующую страницу этажа
window.location.href = `Карла Маркса проспект 53а (${floor} этаж)`;
});
});
</script>
</div>
</includeonly>
<noinclude>
Это виджет фильтрации этажей. Используйте его на страницах с планами зданий.
[[Категория:Виджеты]]
</noinclude>