Statystyka Miast

<!doctype html> <html lang="pl"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-W53EL3PLSV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-W53EL3PLSV'); </script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="stylesheet" id="bootstrap-css" href="css/bootstrap46.min.css"> <link rel="stylesheet" id="main-css" href="style.css"> <script src="js/chart.js@2.8.0"></script> <script src="js/chartjs-plugin-datalabels"></script> <script src="js/jquery.slim.min.js"></script> <script src="js/bootstrap46.bundle.min.js"></script> <script src="https://unpkg.com/feather-icons"></script> <script src="js/feather.min.js"></script> <title>Statystyka Miast</title> </head> <body> <div class="container container-fluid"> <div id="content"> <script> var yearsArr = [2021,2022,2023,2024]; var monthsArr = [[1,2,3,4,5,6,7,8,9,10,11,12],[1,2,3,4,5,6,7,8,9,10,11,12],[1,2,3,4,5,6,7,8,9,10,11,12],[1,2,3,4,5,6,7,8,9]]; </script> <script> function switch_contrast() { css_file = $("#main-css").attr('href'); if (css_file == '/style-high-contrast.css') { d = new Date(); d.setTime(d.getTime() + (24*60*60*1000)); expires = "expires="+ d.toUTCString(); document.cookie = 'mode=light; ' + expires + '; path=/'; $("#main-css").attr('href', '/style.css'); $("#contrastText").text('Wysoki kontrast'); $("#contr A").css('color', 'black'); $("#mbody").css('color', 'black'); $("#office_logo").attr('src', '/images/logo_3064.png'); } else { d = new Date(); d.setTime(d.getTime() + (24*60*60*1000)); expires = "expires="+ d.toUTCString(); document.cookie = 'mode=dark; ' + expires + '; path=/'; $("#main-css").attr('href', '/style-high-contrast.css'); $("#contrastText").text('Kontrast domyślny'); $("#contr A").css('color', 'white'); $("#mbody").css('color', 'black'); $("#office_logo").attr('src', '/images/logo_3064_contrast.png'); } } </script> <div class="row mt-4 font-fira"> <div class="col-md-10 col-xs-12"> <div class="row"> <div class="col"> <img id="office_logo" src="images/logo_3064.png" alt="Logo Urzędu Statystycznego w Poznaniu"> </div> <div class="col text-right mr-5" id="contr" style="margin-top: 12px;"> <div><a href="javascript:switch_contrast();"><i data-feather="eye" style="width:20px; height:20px"></i> <span id="contrastText">Wysoki kontrast</span></a></div> </div> </div> <h1 class="mt-4 font-weight-bold">Statystyka Poznania</h1> <div class="row mt-4"> <div class="col-md-7 font-weight-bold order-lg-2 order-xs-1"> Urząd Statystyczny w Poznaniu przygotował dla Państwa nową odsłonę komunikatu o sytuacji społeczno-gospodarczej Poznania. Niniejsze opracowanie daje Państwu szerokie możliwości techniczne dostosowania zawartości do własnych potrzeb. Publikacja zawiera kilkuletnie szeregi czasowe, dzięki którym możecie Państwo dokonywać samodzielnych analiz w różnych tematach gospodarczych. Mamy nadzieję, że opracowanie będzie dla Państwa użyteczne w bieżących pracach i stanie się pretekstem do bliższego poznania innych naszych produktów. </div> <div class="col-md-5 back-blue order-lg-1 order-xs-2 mt-3 mt-md-0"> <p class="font-weight-bold">Miesięczna informacja sygnalna dla Poznania</p> <p> Poniżej wybierz:<br> 1. rok,<br> 2. miesiąc,<br> 3. blok tematyczny<br> i stwórz tekst informacji </p> </div> </div> <form id="statystyka" action="generator" method="POST"> <h5 class="mt-5 mb-3">Wybierz rok</h5> <div class="btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-gus mr-1"><input type="radio" name="year" id="y2021" value="2021"> 2021</label><label class="btn btn-outline-primary btn-gus mr-1"><input type="radio" name="year" id="y2022" value="2022"> 2022</label><label class="btn btn-outline-primary btn-gus mr-1"><input type="radio" name="year" id="y2023" value="2023"> 2023</label><label class="btn btn-outline-primary btn-gus mr-1"><input type="radio" name="year" id="y2024" value="2024"> 2024</label> </div> <h5 class="mt-4 mb-3">Wybierz miesiąc</h5> <div id="btn-months" class="btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m1" value="1"> styczeń </label> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m2" value="2"> luty </label> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m3" value="3"> marzec </label> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m4" value="4"> kwiecień </label> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m5" value="5"> maj </label> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m6" value="6"> czerwiec </label> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m7" value="7"> lipiec </label> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m8" value="8"> sierpień </label> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m9" value="9"> wrzesień </label> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m10" value="10"> październik </label> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m11" value="11"> listopad </label> <label class="btn btn-outline-primary btn-gus disabled"> <input type="radio" name="month" id="m12" value="12"> grudzień </label> </div> <h5 class="mt-4 mb-3">Wybierz obszar tematyczny</h5> <div class="custom-control custom-switch mt-2"> <input type="checkbox" class="custom-control-input" name="TALL" id="d0"> <label class="custom-control-label" for="d0">Zaznacz / odznacz wszystko</label> </div> <div class="custom-control custom-switch mt-2"> <input type="checkbox" class="custom-control-input" name="ZATR" id="d1"> <label class="custom-control-label" for="d1">Przeciętne zatrudnienie</label> </div> <div class="custom-control custom-switch mt-2"> <input type="checkbox" class="custom-control-input" name="BEZR" id="d2"> <label class="custom-control-label" for="d2">Bezrobocie rejestrowane</label> </div> <div class="custom-control custom-switch mt-2"> <input type="checkbox" class="custom-control-input" name="WYN" id="d3"> <label class="custom-control-label" for="d3">Wynagrodzenia</label> </div> <div class="custom-control custom-switch mt-2"> <input type="checkbox" class="custom-control-input" name="PRZEM" id="d4"> <label class="custom-control-label" for="d4">Przemysł</label> </div> <div class="custom-control custom-switch mt-2"> <input type="checkbox" class="custom-control-input" name="BUD" id="d5"> <label class="custom-control-label" for="d5">Budownictwo</label> </div> <div class="custom-control custom-switch mt-2"> <input type="checkbox" class="custom-control-input" name="HAND" id="d6"> <label class="custom-control-label" for="d6">Handel</label> </div> <div class="custom-control custom-switch mt-2"> <input type="checkbox" class="custom-control-input" name="MIESZK" id="d7"> <label class="custom-control-label" for="d7">Budownictwo mieszkaniowe</label> </div> <div class="custom-control custom-switch mt-2"> <input type="checkbox" class="custom-control-input" name="REGON" id="d8"> <label class="custom-control-label" for="d8">Podmioty gospodarki narodowej</label> </div> <div class="custom-control custom-switch mt-2"> <input type="checkbox" class="custom-control-input" name="TABLE" id="d9"> <label class="custom-control-label" for="d9">Tablica - wybrane dane</label> </div> <input type="hidden" name="teryt" id="teryt" value="3064"> <button type="submit" class="btn btn-outline-primary btn-gus mt-3" name="gen">Stwórz tekst</button> </form> </div> <div class="col-md-2 gray-strip d-none d-md-block"> <div id="horiz-strip"> INFORMACJE SYGNALNE </div> <div id="side-date"> 26.11.2024 r. </div> </div> </div> <script> window.onload = function() { $('input[id=d0]').on('click', function() { if ($(this).is(':checked')){ $('#d1').prop('checked', true); $('#d2').prop('checked', true); $('#d3').prop('checked', true); $('#d4').prop('checked', true); $('#d5').prop('checked', true); $('#d6').prop('checked', true); $('#d7').prop('checked', true); $('#d8').prop('checked', true); $('#d9').prop('checked', true); } else { $('#d1').prop('checked', false); $('#d2').prop('checked', false); $('#d3').prop('checked', false); $('#d4').prop('checked', false); $('#d5').prop('checked', false); $('#d6').prop('checked', false); $('#d7').prop('checked', false); $('#d8').prop('checked', false); $('#d9').prop('checked', false); } }); $('input[name=year]').on('click', function() { $('input[name=month]').each(function() { $(this).parent().removeClass('active'); $(this).prop('checked', false); }) // $('#d0').prop('checked', false); // $('#d1').prop('checked', false); // $('#d2').prop('checked', false); // $('#d3').prop('checked', false); // $('#d4').prop('checked', false); // $('#d5').prop('checked', false); // $('#d6').prop('checked', false); // $('#d7').prop('checked', false); // $('#d8').prop('checked', false); // $('#d9').prop('checked', false); idx = yearsArr.map(object => object).indexOf(parseInt($(this).val())); $('input[name=month]').each(function() { $(this).parent().removeClass('disabled'); if (monthsArr[idx].indexOf(parseInt($(this).val())) == -1) { $(this).parent().addClass('disabled'); } }) }); // $('input[name=month]').on('click', function() { // $('#d0').prop('checked', false); // $('#d1').prop('checked', false); // $('#d2').prop('checked', false); // $('#d3').prop('checked', false); // $('#d4').prop('checked', false); // $('#d5').prop('checked', false); // $('#d6').prop('checked', false); // $('#d7').prop('checked', false); // $('#d8').prop('checked', false); // $('#d9').prop('checked', false); // }); $('label').removeClass('active'); $('input:radio').removeAttr('checked'); $('input:checkbox').prop('checked', false); } $(document).on("submit", "form", function(e){ var areas_selected = 0; if ($('INPUT[name=year]:radio:checked').val() === undefined) { console.log('err year'); $('#modalError').modal(); return false; } if ($('INPUT[name=month]:radio:checked').val() === undefined) { console.log('err month'); $('#modalError').modal(); return false; } for (s = 0; s <= 9; s++) { if ($('input#d' + s + ':checked').val() == 'on') areas_selected++; } if (areas_selected == 0) { console.log('err areas'); $('#modalError').modal(); return false; } $('form#statystyka').submit(); e.preventDefault(); }); </script> <div class="modal fade" id="modalError" tabindex="-1" aria-labelledby="Komunikat o błędzie" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body" id="mbody"> W celu wyświetlenia raportu wybierz rok, miesiąc oraz przynajmniej jeden obszar tematyczny. </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Zamknij</button> </div> </div> </div> </div> <script> function getCookie(cname) { let name = cname + "="; let decodedCookie = decodeURIComponent(document.cookie); let ca = decodedCookie.split(';'); for(let i = 0; i <ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } if (getCookie('mode') == 'dark') switch_contrast(); </script> </div>  <div id="bottom-line" class="mt-5 mb-5 border-top text-center"> <small>Urząd Statystyczny w Warszawie, Mazowiecki Ośrodek Badań Regionalnych.</small> </div> </div>  <script>feather.replace()</script> </body> </html>

CINXE.COM

Statystyka Miast