Informacja o aktualnych i planowanych utrudnieniach w ruchu drogowym na terenie Chorzowa<style type="text/css">/* KONTENER GŁÓWNY I ZMIENNE MIEJSKIE */
.utrudnienia-wrapper {
font-family: inherit;
color: #222222;
margin-bottom: 30px;
}
/* NAGŁÓWKI DZIELNIC */
.utrudnienia-dzielnica-tytul {
color: #002672; /* Granat miejski */
border-bottom: 3px solid #f20000; /* Czerwień miejska */
padding-bottom: 8px;
margin-top: 25px;
margin-bottom: 20px;
font-size: 1.5em;
font-weight: bold;
}
/* WYSZUKIWARKA ULIC */
.utrudnienia-search-box {
margin-bottom: 25px;
background-color: #f8f9fa;
padding: 15px;
border-radius: 6px;
border: 1px solid #e0e0e0;
}
.utrudnienia-search-label {
display: block;
font-weight: bold;
margin-bottom: 8px;
color: #002672;
}
.utrudnienia-search-input {
width: 100%;
padding: 12px 15px;
font-size: 16px;
border: 2px solid #002672;
border-radius: 4px;
box-sizing: border-box;
}
.utrudnienia-search-input:focus {
outline: 3px solid #f8ce00; /* Żółta obwódka dostępności WCAG */
border-color: #f20000;
}
/* PRZYCISK POBIERANIA PDF */
.utrudnienia-download-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
background-color: #002672; /* Granat miejski */
color: #ffffff !important;
font-weight: bold;
text-decoration: none !important;
padding: 12px 20px;
border-radius: 4px;
margin-bottom: 25px;
transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.utrudnienia-download-btn:hover,
.utrudnienia-download-btn:focus {
background-color: #f20000; /* Czerwień miejska na hover */
color: #ffffff !important;
text-decoration: none !important;
}
.utrudnienia-download-btn:focus {
outline: 3px solid #f8ce00; /* Żółty focus dla WCAG */
outline-offset: 2px;
}
.utrudnienia-download-icon {
width: 20px;
height: 20px;
fill: currentColor;
flex-shrink: 0;
}
/* KARTA UTRUDNIENIA (KAFELEK) */
.utrudnienie-karta {
background: #ffffff;
border-left: 5px solid #f20000;
border-top: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-radius: 4px;
padding: 15px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.utrudnienie-naglowek {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
gap: 10px;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 10px;
margin-bottom: 12px;
}
.utrudnienie-ulica {
font-size: 1.2em;
font-weight: bold;
color: #002672;
margin: 0;
}
.utrudnienie-badget {
background-color: #047cc1; /* Błękit regionalny */
color: #ffffff;
padding: 4px 10px;
border-radius: 3px;
font-size: 0.85em;
font-weight: bold;
}
.utrudnienie-badget.awaria {
background-color: #f20000; /* Czerwień dla wyłączeń / awarii */
}
/* SIATKA SZCZEGÓŁÓW (RWD GRID) */
.utrudnienie-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 10px;
font-size: 0.95em;
}
.utrudnienie-pole {
margin-bottom: 5px;
}
.utrudnienie-etykieta {
font-weight: bold;
color: #555555;
display: block;
font-size: 0.85em;
text-transform: uppercase;
}
.utrudnienie-wartosc {
color: #111111;
}
/* SYSTEMOWA KLASA WCAG DO DZIĘKÓW CZYTNIKA */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/* RESPONSYWNOŚĆ DLA PRZYCISKU POBIERANIA */
@media (max-width: 600px) {
.utrudnienia-download-btn {
display: flex;
width: 100%;
min-height: 44px; /* Strefa kliknięcia na smartfonach */
}
}
</style>
<div class="utrudnienia-wrapper">
<h2>Stan na 10.09.2026 r.</h2>
<p>Poniżej znajduje się wykaz prowadzonych i planowanych prac drogowych, remontów oraz imprez masowych powodujących utrudnienia w ruchu drogowym na terenie poszczególnych dzielnic Chorzowa.</p>
<!-- WYSZUKIWARKA ULIC -->
<div class="utrudnienia-search-box"><label class="utrudnienia-search-label" for="miejskaWyszukiwarkaUlic">🔍 Wyszukaj ulicę lub przyczyne utrudnień:</label> <input aria-describedby="szukajStatus" class="utrudnienia-search-input" id="miejskaWyszukiwarkaUlic" placeholder="Wpisz nazwę ulicy, np. Batorego, Katowicka, 3 Maja..." type="text" />
<div aria-live="polite" class="sr-only" id="szukajStatus" role="status"> </div>
</div>
<!-- PRZYCISK POBIERANIA PDF -->
<p><a class="utrudnienia-download-btn" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L2luZm9ybWFjamFfMjAyNl8wOV8xMV82YWE3Y2VkOTQ4NjY2LnBkZg%3D%3D" target="_blank"><svg aria-hidden="true" class="utrudnienia-download-icon" focusable="false" viewbox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"></path></svg> <span>Pobierz Wykaz utrudnień (10.09) [PDF]</span> </a></p>
<!-- DZIELNICA BATORY -->
<section class="utrudnienia-sekcja-dzielnica">
<h3 class="utrudnienia-dzielnica-tytul">📍 Dzielnica Batory</h3>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. ks. Jana Machy (Budynek nr 4)</h4>
<span class="utrudnienie-badget">Remont elewacji</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Utrudnienia dla pieszych</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">02.09.2026 r. – 07.10.2026 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Lipowa (Budynek nr 3)</h4>
<span class="utrudnienie-badget">Budowa budynku</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Umożliwienie dojazdu do placu budowy z kierunku skrzyżowania ulic Batorego i Kasztanowej</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">24.11.2021 r. – 31.12.2026 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Kasztanowa (Rejon skrzyżowania z ul. Brzozową)</h4>
<span class="utrudnienie-badget">Przyłącze elektroenergetyczne</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Utrudnienia dla pieszych</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">04.09.2026 r. – 12.09.2026 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Wyspiańskiego (Budynek nr 11)</h4>
<span class="utrudnienie-badget">Remont budynku</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Zawężenie jezdni i utrudnienia dla pieszych (wymiana orynnowania)</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">21.09.2026 r. – 01.10.2026 r.</span></div>
</div>
</article>
</section>
<!-- /Koniec sekcji Batory -->
<p> </p>
<!-- DZIELNICA CENTRUM -->
<section class="utrudnienia-sekcja-dzielnica">
<h3 class="utrudnienia-dzielnica-tytul">📍 Dzielnica Centrum</h3>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Astrów (Rejon działki nr 4061/256)</h4>
<span class="utrudnienie-badget">Budowa budynku</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Ustawienie ostrzeżeń A-30 z tabliczką „Wyjazd z budowy”</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">06.06.2023 r. – 31.12.2026 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Astrów (Od nr 16 do skrzyżowania z ul. ks. Jana Gałeczki)</h4>
<span class="utrudnienie-badget">Ścieżka rowerowa</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Zawężenie jezdni, utrudnienia dla pieszych i rowerzystów</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">17.09.2026 r. – 07.11.2026 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">DW902 (DTS) (Cały przebieg)</h4>
<span class="utrudnienie-badget">Prace pielęgnacyjne</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Zwężenie jezdni (koszenie trawy)</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">11.08.2026 r. – 11.09.2026 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Katowicka, Dąbrowskiego, Konopnickiej, Bogedaina</h4>
<span class="utrudnienie-badget awaria">Wyłączenie estakady</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Lokalizacja:</span> <span class="utrudnienie-wartosc">Skrzyżowanie ulic Katowicka i Dąbrowskiego</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Zmiany kierunków ruchu i wprowadzenie ruchu jednokierunkowego</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">29.07.2025 r. – 31.12.2026 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Powstańców (Centrum, Chorzów Stary, Chorzów II)</h4>
<span class="utrudnienie-badget">Otwarcie ul. Powstańców pod estakadą</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Wprowadzenie objazdów do Bytomia i Katowic</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Trasa objazdowa:</span> <span class="utrudnienie-wartosc">Rynek, Faski, Wolności, Hajducka, Dąbrowskiego, Armii Krajowej, Szpitalna, Batorego, rondo im. F. Gębały, BoWID, Kopernika, pl. Matejki.</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">20.05.2026 r. – 21.12.2028 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">Trasa imprezy: Zjednoczenia, Powstańców, Kościuszki, Krakowska, Kasprowicza, Bożogrobców, pl. Św. Jana, Legnicka, Rębaczy, Główna, Maciejkowicka, Siemianowicka, Rynek</h4>
<span class="utrudnienie-badget">Nightskating Chorzów</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Chwilowe wstrzymanie ruchu pojazdów w godz. 19:00–23:00</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin wydarzenia:</span> <span class="utrudnienie-wartosc">26.09.2026 r. (godz. 19:00 - 23:00)</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Ryszki, Domina, Grządziela (Skrzyżowanie ulic)</h4>
<span class="utrudnienie-badget">Przyłącze telekomunikacyjne</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Budowa światłowodu – utrudnienia dla pieszych</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">14.09.2026 r. – 30.09.2026 r.</span></div>
</div>
</article>
</section>
<!-- /Koniec sekcji Centrum -->
<p> </p>
<!-- DZIELNICA CHORZÓW II -->
<section class="utrudnienia-sekcja-dzielnica">
<h3 class="utrudnienia-dzielnica-tytul">📍 Dzielnica Chorzów II</h3>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. 3 Maja (Rejon budynków nr 86-88)</h4>
<span class="utrudnienie-badget">Remont elewacji</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Utrudnienia dla pieszych</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">01.07.2026 r. – 30.09.2026 r.</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Uwagi:</span> <span class="utrudnienie-wartosc">Etap III - od 01.09.2026 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. 3 Maja (Rejon od ul. Żołnierzy Września do ul. Składowej)</h4>
<span class="utrudnienie-badget">Sieć ciepłownicza</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Budowa przyłącza – prace w pasie zieleni</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">01.09.2026 r. – 23.10.2026 r.</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Uwagi:</span> <span class="utrudnienie-wartosc">Etap IV - od 07.09.2026 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Niedurnego (Od nr 20c do ul. Łagiewnickiej)</h4>
<span class="utrudnienie-badget">Przebudowa drogi</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Zwężenie jezdni i utrudnienia dla pieszych</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">17.09.2026 r. – 07.12.2026 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Nowa (Wiadukt drogowy nad torami kolejowymi)</h4>
<span class="utrudnienie-badget awaria">Przebudowa wiaduktu</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Rozbiórka i budowa wiaduktu – Zamknięcie wiaduktu</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">Do dzielnicy Chorzów Stary (dwa warianty) oraz ulic Nowej i Poznańskiej. Objazd zacznie obowiązywać od godz. 12:00.</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">03.09.2026 r. – 31.12.2027 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Wileńska (Rejon budynku nr 17)</h4>
<span class="utrudnienie-badget">Remont budynku</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Utrudnienia dla pieszych</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">06.07.2026 r. – 21.09.2026 r.</span></div>
</div>
</article>
</section>
<!-- /Koniec sekcji Chorzów II -->
<p> </p>
<!-- DZIELNICA CHORZÓW STARY -->
<section class="utrudnienia-sekcja-dzielnica">
<h3 class="utrudnienia-dzielnica-tytul">📍 Dzielnica Chorzów Stary</h3>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Antoniowska (Cała ulica)</h4>
<span class="utrudnienie-badget">Ruch ciężarowy</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Dopuszczenie wjazdu samochodów ciężarowych obsługujących budowę</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">09.08.2024 r. – 31.12.2027 r.</span></div>
</div>
</article>
<article class="utrudnienie-karta">
<div class="utrudnienie-naglowek">
<h4 class="utrudnienie-ulica">ul. Wiejska (Rejon budynku nr 27)</h4>
<span class="utrudnienie-badget">Budowa zjazdu</span></div>
<div class="utrudnienie-grid">
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Rodzaj utrudnienia:</span> <span class="utrudnienie-wartosc">Prace przy budowie zjazdu (Rys. nr 2)</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Objazdy:</span> <span class="utrudnienie-wartosc">brak</span></div>
<div class="utrudnienie-pole"><span class="utrudnienie-etykieta">Termin prac:</span> <span class="utrudnienie-wartosc">01.09.2025 r. – 31.12.2026 r.</span></div>
</div>
</article>
</section>
<!-- /Koniec sekcji Chorzów Stary --></div>
<!-- /Koniec .utrudnienia-wrapper --><!-- SKRYPT OBSŁUGI WYSZUKIWARKI --><script>
document.addEventListener('DOMContentLoaded', function() {
var searchInput = document.getElementById('miejskaWyszukiwarkaUlic');
var statusDiv = document.getElementById('szukajStatus');
var karty = document.querySelectorAll('.utrudnienie-karta');
var sekcjeDzielnic = document.querySelectorAll('.utrudnienia-sekcja-dzielnica');
if (searchInput) {
searchInput.addEventListener('input', function() {
// Normalizacja wpisanego ciągu (zamiana na małe litery i usunięcie polskich znaków diakrytycznych)
var query = searchInput.value.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
var visibleCount = 0;
// 1. Filtrowanie kart utrudnień
karty.forEach(function(karta) {
var textContent = karta.textContent.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
if (textContent.indexOf(query) !== -1) {
karta.style.display = 'block';
visibleCount++;
} else {
karta.style.display = 'none';
}
});
// 2. Automatyczne ukrywanie nagłówka dzielnicy, jeśli brak w niej pasujących ulic
sekcjeDzielnic.forEach(function(sekcja) {
var widoczneKartyWSekcji = sekcja.querySelectorAll('.utrudnienie-karta[style*="display: block"], .utrudnienie-karta:not([style*="display: none"])');
if (widoczneKartyWSekcji.length === 0 && query !== "") {
sekcja.style.display = 'none';
} else {
sekcja.style.display = 'block';
}
});
// 3. Informacja dla czytników ekranu (WCAG)
if (statusDiv) {
statusDiv.textContent = 'Znaleziono ' + visibleCount + ' lokalizacji odpowiadających wyszukiwaniu.';
}
});
}
});
</script>2026-09-14 12:50:312026-09-14 12:50:31