PageSourceSearch

https://www.syddjurs.dk/selvbetjening

html syddjurs.dk collected 2026-10-02 04:01:44 UTC 62,721 bytes, 1,258 lines download raw bytes

1<!DOCTYPE html>
2
3    <meta property="publicIp" content="181.215.65.73">
4
5<html lang="da" style="--font-primary:inter,sans-serif; --font-secondary:inter,sans-serif;">
6
7<head prefix="og: http://ogp.me/ns#">
8
9    <link rel="stylesheet" media="all" type="text/css" href="/assets/css/icons.css" />
10    <link rel="stylesheet" media="all" type="text/css" href="/assets/css/icons-service.css" />
11    <link rel="stylesheet" href="/css/bundle.css?v=jdeP-yuT95m6_drYy120jl98m3s" />
12    <link rel="stylesheet" type="text/css" media="print" href="/assets/css/print.css" />
13    
14
15    
15<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
15
16    
16<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
16
17    
17<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
17
18    
18<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.16.0/jquery.validate.min.js"></script>
18
19    
19<script src="https://ajax.aspnetcdn.com/ajax/mvc/5.2.3/jquery.validate.unobtrusive.min.js"></script>
19
20    
20<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js"></script>
20
21    
21<script src="/Scripts/picturefill.min.js"></script>
21
22    
22<script src="/Scripts/lazysizes.min.js"></script>
22
23    
23<script src="/Scripts/ls.unveilhooks.min.js"></script>
23
24    
24<script defer src="/scripts/cludo-voice-search.js"></script>
24
25    
25<script defer src="/js/bundle.js?v=K00rb88YZGmS19J55rvNSZCqeaw"></script>
25
26    
26<script src="https://dreambroker.com/channel/embed/webc/dreambroker-studio-video-player.js"></script>
26
27
28                    <!-- Monsido script -->
29<script type="text/javascript">
30    window._monsido = window._monsido || {
31        token: "vERY6ZDQX3Z7WweAUFPypg",
32        statistics: {
33            enabled: true,
34            cookieLessTracking: false,
35            documentTracking: {
36                enabled: true,
37                documentCls: "monsido_download",
38                documentIgnoreCls: "monsido_ignore_download",
39                documentExt: ["pdf","doc","ppt","docx","pptx"],
40            },
41        },
42        heatmap: {
43            enabled: true,
44        },
45        pageCorrect: {
46            enabled: true,
47        },
48    };
49</script>
vendor: 1 bytes, line 49
49
50<script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></script>
50                    <!-- Monsido script -->
51                    <!-- CookieInformation -->
52<script id="CookieConsent" src="https://policy.app.cookieinformation.com/uc.js"
53    data-culture="DA" type="text/javascript"></script>
53                    <!-- CookieInformation -->
54                    <!-- DDH chatbot - Muni (version 2) -->
55<script src="https://dev.prokomcdn.no/projects/deloitte/chatbot/prod/chatbot.js" data-municipality-code="706" data-mode="popup"></script>
55                    <!-- DDH chatbot - Muni (version 2) -->
56                    <!-- Minimap custom styling -->
57<style>
58.minimap-map .viewListHeader div.arrow {
59position: relative;
60min-width: unset;
61}
62.minimap-map .viewListHeader.mmPanelHeader.selected p {
63color: var(--color-white);
64}
65.minimap-map img {
66width: unset;
67}
68</style>                    <!-- Minimap custom styling -->
69    <!--Open Graph Metas-->
70    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
71    <title>Selvbetjening </title>
72        <link rel="alternate" hreflang="da" href="https://www.syddjurs.dk/selvbetjening">
73    <meta name="description" content="Her finder du alle Syddjurs Kommunes digitale selvbetjeningsl&#xF8;sninger. Spring k&#xF8;en over og brug vores selvbetjening, n&#xE5;r det passer dig">
74    <meta property="og:title" content="Selvbetjening" />
75    <meta name="twitter:title" content="Selvbetjening" />
76    <meta property="og:description" content="Her finder du alle Syddjurs Kommunes digitale selvbetjeningsl&#xF8;sninger. Spring k&#xF8;en over og brug vores selvbetjening, n&#xE5;r det passer dig" />
77    <meta name="twitter:description" content="Her finder du alle Syddjurs Kommunes digitale selvbetjeningsl&#xF8;sninger. Spring k&#xF8;en over og brug vores selvbetjening, n&#xE5;r det passer dig" />
78    <meta name="robots" content="index,follow">
79
80    <meta property="og:url" content="https://www.syddjurs.dk/selvbetjening" />
81    <meta property="og:type" content="website" />
82    <meta name="pageId" content="2429" />
83    <meta name="page_date" content="2024-10-03T11:24:33Z" />
84    <meta name="page_breadcrumb" content="Syddjurs" />
85
86    <meta property="og:updated_time" content="2026-07-13T13.51.22Z" />
87    <meta property="og:pageDate" content="2024-10-03T11.24.33Z" />
88
89
90
91
92    <meta property="og:site_name" content="">
93    <meta property="og:locale" content="da">
94    <meta name="google-site-verification" content="">
95    <meta name="viewport" content="initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0, width=device-width" />
96
97
98        <link type="image/png" rel="icon" 48x48" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=48&amp;height=48&amp;format=noformat&amp;v=1db77dd16ce7af0 sizes=" />
99        <link type="image/png" rel="apple-touch-icon" sizes="57x57" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=57&amp;height=57&amp;format=noformat&amp;v=1db77dd16ce7af0" />
100        <link type="image/png" rel="apple-touch-icon" sizes="60x60" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=60&amp;height=60&amp;format=noformat&amp;v=1db77dd16ce7af0" />
101        <link type="image/png" rel="apple-touch-icon" sizes="72x72" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=72&amp;height=72&amp;format=noformat&amp;v=1db77dd16ce7af0" />
102        <link type="image/png" rel="apple-touch-icon" sizes="76x76" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=76&amp;height=76&amp;format=noformat&amp;v=1db77dd16ce7af0" />
103        <link type="image/png" rel="apple-touch-icon" sizes="114x114" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=114&amp;height=114&amp;format=noformat&amp;v=1db77dd16ce7af0" />
104        <link type="image/png" rel="apple-touch-icon" sizes="144x144" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=144&amp;height=144&amp;format=noformat&amp;v=1db77dd16ce7af0" />
105        <link type="image/png" rel="apple-touch-icon" sizes="180x180" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=180&amp;height=180&amp;format=noformat&amp;v=1db77dd16ce7af0" />
106        <link rel="icon" type="image/png" sizes="16x16" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=16&amp;height=16&amp;format=noformat&amp;v=1db77dd16ce7af0" />
107        <link rel="icon" type="image/png" sizes="32x32" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=32&amp;height=32&amp;format=noformat&amp;v=1db77dd16ce7af0" />
108        <link rel="icon" type="image/png" sizes="96x96" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=96&amp;height=96&amp;format=noformat&amp;v=1db77dd16ce7af0" />
109        <link rel="icon" type="image/png" 120x120" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=120&amp;height=120&amp;format=noformat&amp;v=1db77dd16ce7af0 sizes=" />
110
111    <meta name="msapplication-TileColor" content="#ffffff">
112    <meta name="msapplication-TileImage" content="~/icons/ms-icon-144x144.png">
113    <meta name="theme-color" content="#ffffff">
114
115
116
117
118    <!-- Cludo tag -->
119
120
121
122    <!-- Twitter -->
123    <meta name="twitter:card" content="summary" />
124    <!-- Twitter - Article -->
125            <meta property="og:image" content="https://www.syddjurs.dk/media/l5hloc04/matti-rosenkranz-kaloe.jpg?rxy=0.3307328867284557,0.3696613058284306&amp;width=1200&amp;height=630&amp;quality=90&amp;v=1db4d4e0f5be4b0" />
126            <meta property="og:ubivox-image" content="https://www.syddjurs.dk/media/l5hloc04/matti-rosenkranz-kaloe.jpg?rxy=0.3307328867284557,0.3696613058284306&amp;width=900&amp;height=600&amp;quality=90&amp;v=1db4d4e0f5be4b0" />
127            <meta property="og:image:width" content="1200">
128            <meta property="og:image:height" content="630">
129            <meta property="og:image:alt" content="Kal&#xF8; slotsruin, fotograf Matti Rosenkranz">
130            <meta name="twitter:image" content="https://www.syddjurs.dk/media/l5hloc04/matti-rosenkranz-kaloe.jpg?rxy=0.3307328867284557,0.3696613058284306&amp;width=1200&amp;height=630&amp;quality=90&amp;v=1db4d4e0f5be4b0">
131            <meta name="twitter:image:alt" content="Kal&#xF8; slotsruin, fotograf Matti Rosenkranz">
132
133    
134    <style>
135        :root {
136            --color-primary: #8e1157;
137            --color-primary-text: #fff;
138            --color-secondary: #f3e7ee;
139            --color-secondary-text: #8e1157;
140            --color-header: #8e1157;
141            --color-header-text: #fff;
142            --color-header-link-underline: #fff;
143            --color-header-icon: #fff;
144            --color-body: #f7f7f7;
145            --color-black: #242424;
146            --color-grey-dark: #575757;
147            --color-grey-light: #ebebeb;
148            --color-grey-medium: #757575;
149            --color-icons: #8e1157;
150            --color-arrows: #8e1157;
151            --color-btn-primary: #8e1157;
152            --color-btn-primary-text: #fff;
153            --color-btn-secondary: #fff;
154            --color-btn-secondary-text: #8e1157;
155            --color-primary-decorative: #ebebeb;
156            --color-primary-decorative-text: #8e1157;
157            --color-secondary-decorative: #8e1157;
158            --color-secondary-decorative-text: #fff;
159            --color-footer: #76064b;
160            --color-footer-text: #fff;
161            --color-btn-bg--footer: #fff;
162            --color-btn-bg--footer-text: #76064b;
163            --color-footer-icons: #fff;
164            --color-footer-arrows: #fff;
165            --color-link: #8e1157;
166            --color-tag: #8e1157;
167            --color-overlay-cover: #3f0325c9;
168            --color-overlay-start: #3f0325c9;
169            --color-overlay-end: #00000000;
170            --color-overlay-text: #fff;
171            --color-overlay-button: #8e1157;
172            --color-overlay-button-text: #fff;
173            
174            
175            --color-article-element--0: #e8cfdd;
176            --color-article-element-title--0: #242424;
177            --color-article-element--1: #8e1157;
178            --color-article-element-title--1: #fff;
179            --color-article-element--2: #fff;
180            --color-article-element-title--2: #8e1157;
181            --color-article-element--3: #d2a0bc;
182            --color-article-element-title--3: #242424;
183            --color-article-element--4: #f3e7ee;
184            --color-article-element-title--4: #000;
185            --color-article-element--5: #ebebeb;
186            --color-article-element-title--5: #242424;
187            --color-btn-bg--primary: #fff;
188            --color-btn-bg--primary-text: #8e1157;
189            
190            --color-btn-bg--secondary: #8e1157;
191            --color-btn-bg--secondary-text: #fff;
192            --color-btn-bg--secondary-border-color: #fff;
193            --color-btn-bg--grey-light: #8e1157;
194            --color-btn-bg--grey-light-text: #fff;
195            --color-btn-bg--header-border-color:#fff;
196            
197            --color-bg-white-component-border:#dbdbdb;
198            --color-border-top--article-components-bg:#8e1157;
199            --color-border-top--article-components-text:#ffffff;
200        }
201    </style>
202
203    <style>
204            :root {
205            --section-white-bg: rgba(255, 255, 255, 0.5); --main-white-bg-component-bg: var(--color-white);--section-white-bg-component-border: none;
206            --main-white-bg-component-bg: var(--color-white);--main-white-bg-component-border: 1px solid var(--color-bg-white-component-border);
207            --header-brand-height-lg: 65px;
208            --header-brand-height-md: 56px;
209
210
211                
212                --sleeve-search-bar-small-border-radius: 5px;
213                --sleeve-button-border-radius: 5px;
214
215                
216                
217                --border-radius-form-elements: 5px;
218
219
220                
221                
222                
223                
224                
225                
226                
227
228            }
229    </style>
230
231    
231<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.syddjurs.dk/selvbetjening#webpage","url":"https://www.syddjurs.dk/selvbetjening","name":"Selvbetjening","description":"Her finder du alle Syddjurs Kommunes digitale selvbetjeningsløsninger. Spring køen over og brug vores selvbetjening, når det passer dig","inLanguage":"da","datePublished":"2024-10-03T11:24:33+00:00","dateModified":"2024-10-03T11:24:33+00:00","breadcrumb":{"@id":"https://www.syddjurs.dk/selvbetjening#breadcrumb"}},{"@type":"BreadcrumbList","@id":"https://www.syddjurs.dk/selvbetjening#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Syddjurs","item":"https://www.syddjurs.dk/"},{"@type":"ListItem","position":2,"name":"Selvbetjening"}]},{"@type":"GovernmentOrganization","@id":"https://www.syddjurs.dk/#organization","url":"https://www.syddjurs.dk/","name":"Syddjurs","logo":{"@type":"ImageObject","@id":"https://www.syddjurs.dk/#organization/logo","url":"https://www.syddjurs.dk/media/sbinavtm/2016-04-25-070705855120logofarvergb.jpg","caption":"Syddjurs"}},{"@type":"WebSite","@id":"https://www.syddjurs.dk/#website","url":"https://www.syddjurs.dk/","name":"Syddjurs","inLanguage":"da","publisher":{"@id":"https://www.syddjurs.dk/#organization"}}]}</script>
231
232
233</head>
234
235<body class="cta-icon-arrow-filled-circle list-icon-arrow-short link--underline-fat-lr  js-darmode-active "  data-pageid="2429" data-print-logo="true">
236
237
238    
239
240
241    
242
243<header class="header__megamenu-extended   bg-color__nav__secondary">
244    <div>
245        <a class="bypass-block" href="#main-content">G&#xE5; til hovedindhold</a>
246    </div>
247
248    <nav class="navbar navbar-expand-lg navbar__megamenu-extended    bg--white" aria-label="Hovednavigation">
249        <div class="container header__container">
250            <div class="navbar__megamenu__header">
251
252                <a class="navbar-brand" href="https://www.syddjurs.dk/" aria-label="">
253                            <img class="no-fit" src="/media/sbinavtm/2016-04-25-070705855120logofarvergb.jpg?format=noformat" data-defaultLogo="/media/sbinavtm/2016-04-25-070705855120logofarvergb.jpg" data-darkmodeLogo="/media/znqf0005/logo_hvid_gennemsigtig_stor.png" alt="Syddjurs Kommune logo" />
254                </a>
255
256                <div class="navbar__megamenu__header__togglers">
257                        <button id="navbarSearchToggleMobile" class="navbar__search-toggle" type="button" aria-pressed="false" aria-label="S&#xF8;ge knap" aria-haspopup="true" aria-expanded="false">
258                            <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
259                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16.3 17.7C14.6 19.1 12.4 20 10 20C4.5 20 0 15.5 0 10C0 4.5 4.5 0 10 0C15.5 0 20 4.5 20 10C20 12.4 19.2 14.6 17.7 16.3L23 21.5L21.5 23L16.3 17.7ZM18 10C18 14.4 14.4 18 10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2C14.4 2 18 5.6 18 10Z" fill="#2961D0"></path>
260                            </svg>
261                        </button>
262                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-label="Vis menu">
263                        <div class="navbar-toggler-icon"><span></span><span></span><span></span></div>
264                    </button>
265                </div>
266            </div>
267                <div class="navbar-collapse">
268                                <div class="navbar-nav__secondary-container bg--header">
269                                    <div class='navbar-nav__secondary-container__content'>
270                                        <ul class="navbar-nav navbar-nav__secondary">
271                                                    <li class="nav-item">
272                                                        <a class="nav-link "  target="" href="https://www.syddjurs.dk/job-i-syddjurs/job">Job<span></span></a>
273                                                    </li>
274                                                    <li class="nav-item">
275                                                        <a class="nav-link "  target="" href="https://www.syddjurs.dk/nyheder">Nyheder<span></span></a>
276                                                    </li>
277                                                    <li class="nav-item">
278                                                        <a class="nav-link active" aria-current=page target="" href="https://www.syddjurs.dk/selvbetjening">Selvbetjening<span></span></a>
279                                                    </li>
280                                                    <li class="nav-item">
281                                                        <a class="nav-link "  target="" href="https://www.syddjurs.dk/for-medarbejdere">For medarbejdere<span></span></a>
282                                                    </li>
283                                                    <li>
284                                                        <button class="btn__toggle jsDarkmodeToggle" aria-label="Aktiver darkmode" title="Aktiver darkmode" data-active="Deaktiver darkmode" data-inactive="Aktiver darkmode">
285    <div class="btn__toggle__elements">
286        <div class="icon-darkmode-moon"></div>
287        <div class="icon-lightmode-sun"></div>
288    </div><span class="btn__toggle__toggle"></span>
289</button>
290
291                                                    </li>
292                                        </ul>
293                                    </div>
294                                </div>
295
296                        <div class="navbar-nav__primary-container">
297                                <div class="navbar__megamenu__header">
298
299                                    <a class="navbar-brand" href="https://www.syddjurs.dk/" Syddjurs>
300                                            <img class="no-fit" src="/media/sbinavtm/2016-04-25-070705855120logofarvergb.jpg?format=noformat" alt="Syddjurs 
300Kommune logo" />
301                                    </a>
302                                </div>
303                            <ul class="nav navbar-nav navbar-nav__primary">
304                                            <li class="nav-item ">
305                                                    <a class="nav-link "  href="/borger">Borger</a>
306                                            </li>
307                                            <li class="nav-item ">
308                                                    <a class="nav-link "  href="/erhverv">Erhverv</a>
309                                            </li>
310                                            <li class="nav-item ">
311                                                    <a class="nav-link "  href="/politik">Politik</a>
312                                            </li>
313                                            <li class="nav-item ">
314                                                    <a class="nav-link "  href="/kultur-og-fritid">Kultur og fritid</a>
315                                            </li>
316                                            <li class="nav-item ">
317                                                    <a class="nav-link "  href="/om-kommunen">Om kommunen</a>
318                                            </li>
319                                    <li class=" nav-item__search-toggle">
320                                                <button id="navbarSearchToggle" class="navbar__search-toggle" data-textOpen="&#xC5;ben global s&#xF8;gning" data-textClose="Luk global s&#xF8;gning" type="button" aria-label="S&#xF8;ge knap" aria-haspopup="true" aria-expanded="false">
321                                                    <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
322                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.3 17.7C14.6 19.1 12.4 20 10 20C4.5 20 0 15.5 0 10C0 4.5 4.5 0 10 0C15.5 0 20 4.5 20 10C20 12.4 19.2 14.6 17.7 16.3L23 21.5L21.5 23L16.3 17.7ZM18 10C18 14.4 14.4 18 10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2C14.4 2 18 5.6 18 10Z" fill="#2961D0"></path>
323                                                    </svg>
324                                                </button>
325                                    </li>
326                            </ul>
327                        </div>
328
329                </div>
330        </div>
331    </nav>
332        <div class="header__megamenu-extended__search-bar ">
333            <div class="container">
334                <form id="global-search-form" class="header__megamenu-extended__search-bar__form" method="GET" action="/soeg/" role="search" autocomplete="off">
335                    <div class="form-group has-sound-input">
336                        <input data-useraffle="False" class="js-auto-suggestions" data-search-pageid="2431" type="search" name="query" placeholder="S&#xF8;g" required="" aria-label="S&#xF8;g">
337                        <button id="search-submit" type="submit">S&#xF8;g</button>
338                            <button onclick="initVoiceSearch(event, voiceMenuSearchOptions)" class="btn__sound-input" aria-label="Lyd input"><span class="icon-microphone"></span></button>
339                    </div>
340                </form>
341            </div>
342        </div>
343
344
345
346<script>
347    jQuery(function () {
348        CheckBannerShowed()
349
350    });
351    jQuery(document).on("click", ".banner__alert__close", function () {
352        var id = jQuery(this).data("bannerid");
353        console.log(id)
354        setCookieBanner(id)
355        jQuery(".banner__alert[data-id='" + id + "']").fadeOut("fast");
356
357    });
358
359    function CheckBannerShowed() {
360        var bannerIds = Cookies.get('BANNER-IDS');
361        if (bannerIds != undefined && bannerIds != "") {
362            var ids = bannerIds.split(",")
363            var banner = jQuery('.banner__alert');
364            $.each(banner, function (index, item) {
365                if (jQuery.inArray(jQuery(item).data("id"), ids) == -1) {
366                    jQuery(item).css("display", "flex").hide().show()
367                }
368            });
369
370        } else {
371            jQuery(".banner__alert").css("display", "flex")
372                .hide()
373                .show();
374        }
375    }
376    function setCookieBanner(id) {
377        var bannerIds = Cookies.get('BANNER-IDS');
378        var ids = [];
379
380        let dt = new Date();
381        dt.setMinutes(dt.getMinutes() + 30)
382        if (bannerIds != undefined && bannerIds != "") {
383            ids = bannerIds.split(",")
384            ids.push(id);
385            Cookies.set('BANNER-IDS', ids.join(","), { expires: dt })
386        } else {
387            ids.push(id)
388            Cookies.set('BANNER-IDS', ids.join(","), { expires: dt })
389        }
390    }
391</script>
391</header>
392
393    
393<script>
394        //Navigation.cshtml voice search
395        var inputElement = document.getElementById('global-search-form')?.querySelector('input[type="search"]');
396        const voiceMenuSearchOptions = {
397            inputElement: inputElement,
398            formElement: document.getElementById('global-search-form')
399        }
400    </script>
400
401
402
403    
404
405
406
407
408<main id="main-content" class="">
409
410
411
412<section class="banner--absolute">
413    <div class="container-fluid">
414        <div class="banner  bg--primary  has-title " data-fullWidthImage="true">
415                <div class="container">
416                    <div class="row">
417                        <div class="col-md-8">
418                                <div class="title title--large">
419                                        <h1 class="h1" id="">Selvbetjening</h1>
420                                </div>
421                                    
422
423    <section class=" ">
424        <div class="container">
425            <div class="row">
426                <div class="col-md-12">
427                    <div class="breadcrumb-container ">
428                        <nav aria-label="Du er her">
429                            <ol class="breadcrumb breadcrumb--divider-arrow">
430                                        <li class="breadcrumb-item">
431                                            <a href="/">
432                                                    <span>Forside</span>
433                                                    <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
434                                                        <path d="M7.8 6.29998L1.5 12.6L-6.1196e-08 11.2L5 6.29998L-4.89568e-07 1.39998L1.5 -2.39074e-05L7.8 6.29998Z" fill="#8f8f8f"></path>
435                                                    </svg>
436                                            </a>
437                                        </li>
438                                <li class="breadcrumb-item active" aria-current="page">
439                                <span>
440                                    Selvbetjening
441                                </span>
442                                </li>
443                            </ol>
444                        </nav>
445                    </div>
446                </div>
447            </div>
448        </div>
449    </section>
450
451                        </div>
452                    </div>
453                </div>
454        </div>
455    </div>
456</section>
457
458    <section class="">
459        <div class="container">
460            <div class="row">
461                <div class="col-md-12">
462                    <div id="wrapper-ddabd844244c4296b2caf5cd34ff2263">
463                        <div class="search-bar--container">
464                                <div class="search-bar--small">
465                                    <form onsubmit="return false;">
466                                        <div class="form-group">
467                                            <input class="form-control" id="searchbar-small" type="text" name="searchbar-small" aria-label="S&#xF8;g" placeholder="Søg" required>
468                                            <button id="filter-search-submit" type="submit" aria-label="submit">
469                                                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
470                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.3 17.7C14.6 19.1 12.4 20 10 20C4.5 20 0 15.5 0 10C0 4.5 4.5 0 10 0C15.5 0 20 4.5 20 10C20 12.4 19.2 14.6 17.7 16.3L23 21.5L21.5 23L16.3 17.7ZM18 10C18 14.4 14.4 18 10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2C14.4 2 18 5.6 18 10Z" fill="#2961D0"></path>
471                                                </svg>
472                                            </button>
473                                        </div>
474                                    </form>
475                                </div>
476                        </div>
477                    </div>
478                </div>
479            </div>
480        </div>
481    </section>
482<section class="filterliste-wrapper-ddabd844244c4296b2caf5cd34ff2263" data-defaulttags="">
483    <div class="container">
484        <div class="row">
485            <div class="col-md-12">
486
487                    <div class="filter-list__form filter-list__form-ddabd844244c4296b2caf5cd34ff2263">
488                        <div class="form" id="filter-form">
489                                    
490
491        <div class="form-group">
492            
493        <label id="26a2fa00-91d5-478d-ad9f-01b0a769d556">M&#xE5;lgruppe</label>
494    <div class="select">
495            <span class="border-left" style=background:#8e1157></span>
496        <select
497                class="filtermenu_sort-ddabd844244c4296b2caf5cd34ff2263"
498                aria-labelledby="26a2fa00-91d5-478d-ad9f-01b0a769d556"
499                title="M&#xE5;lgruppe"
500                data-category-id="">
501                <option value="" selected="">Alle</option>
502                <option value="8040d87a34974dde914a99a599c09980" label="Borger">Borger</option>
503                <option value="48cc26453927458d9636017712c18244" label="Forening">Forening</option>
504                <option value="f699fe6159e0435d823bbde5ae776032" label="Erhverv">Erhverv</option>
505        </select>
506    </div>
507   
508        </div>
509
510                                    
511
512        <div class="form-group">
513            
514        <label id="2bd4c1c3-9ab6-47fb-bbb1-0b61701bc47c">Emne</label>
515    <div class="select">
516            <span class="border-left" style=background:#8e1157></span>
517        <select
518                class="filtermenu_sort-ddabd844244c4296b2caf5cd34ff2263"
519                aria-labelledby="2bd4c1c3-9ab6-47fb-bbb1-0b61701bc47c"
520                title="Emne"
521                data-category-id="">
522                <option value="" selected="">Alle</option>
523                <option value="c1a5ef06077a4c7a894d4d7ca492beef" label="Bliv frivillig">Bliv frivillig</option>
524                <option value="688953e33664456589808be0a80f626d" label="Bolig og byggeri">Bolig og byggeri</option>
525                <option value="e6c888cf0a494c1b987b8810a5e22c72" label="B&#xF8;rn, unge og familie">B&#xF8;rn, unge og familie</option>
526                <option value="7b08cad69ada4cda89b8a53ef568dd72" label="Dagtilbud">Dagtilbud</option>
527                <option value="f5ee4ef19ea149dcaa0bf822391b3e6b" label="Flytning, bolig og byggeri">Flytning, bolig og byggeri</option>
528                <option value="f0b926b9b311445382ddfdffc7aed61b" label="Handicap, Psykiatri og social">Handicap, Psykiatri og social</option>
529                <option value="923f53b0cb994caa9d1b42b0725773fd" label="Job og ledighed (borger)">Job og ledighed (borger)</option>
530                <option value="2321c1414a7d4a2a964491772333b3ae" label="Kontakt, hj&#xE6;lp og overblik">Kontakt, hj&#xE6;lp og overblik</option>
531                <option value="15f83ae8e8464e509df0f49062c54094" label="Kultur">Kultur</option>
532                <option value="28e68ffb07e14fe1b98fb4f5a917dffd" label="Medarbejdere og rekruttering (erhverv)">Medarbejdere og rekruttering (erhverv)</option>
533                <option value="8a507e9add094d0d8b73cd86b9c1afe2" label="Natur og milj&#xF8;">Natur og milj&#xF8;</option>
534                <option value="6e537c6662a24330aeafc0dda0c242ed" label="Pas og k&#xF8;rekort">Pas og k&#xF8;rekort</option>
535                <option value="3753d2ea39a745f387c5b6f567455a81" label="Pension">Pension</option>
536                <option value="09255a02c7f747b483b5947867d5e14a" label="Skoler og uddannelse">Skoler og uddannelse</option>
537                <option value="58bb3899617440c387d511b10c2b8b16" label="Sundhed og Sygdom">Sundhed og Sygdom</option>
538                <option value="3beb25ff21a64a3ca2ddaf0f45445a73" label="Valg">Valg</option>
539                <option value="414b49f687084756afc6625486632472" label="Veje og trafik">Veje og trafik</option>
540                <option value="786b873ada6946e58a05a989f128e0c2" label="Vielse">Vielse</option>
541                <option value="ea2aaabdd840457192c1562d08382ad8" label="&#xC6;ldre">&#xC6;ldre</option>
542                <option value="12813e93b6ac41fdb82dc6eb30dd71ae" label="Borger">Borger</option>
543        </select>
544    </div>
545   
546        </div>
547
548                        </div>
549                    </div>
550                    <div class="filter-menu">
551                        <div class="filter-menu__items">
552
553                            <button disabled class="reset-filter btn btn__primary">Nulstil</button>
554                        </div>
555                        <p role="alert" id="active-filters-label-ddabd844244c4296b2caf5cd34ff2263">Du filtrerer på: <span id="active-tags-ddabd844244c4296b2caf5cd34ff2263"></span></p>
556                            <h2 role="alert" class="resultnumber totalcount"></h2>
557                    </div>
558
559
560                <form>
561                    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8MpLGiBDnspArDAo2E8LHxsrpFqpPyDd0YksnPpPBxsm9fVJ1K-Lg8e9BeME4DR0-N1bIuY7YeRSnjdqK-2KZcB5QNF_9Rzuv75kCInbzUOXyLcnnGpuF4Xb5BEJGEQcTpiVFJkq3so3wWZv6lnueFo" />
562                </form>
563                <div class="list__cards mb--medium" id="list__cards">
564                </div>
565                <div class="loader">
566    <div class="lds-default" id="form-loader">
567
568        <div></div>
569        <div></div>
570        <div></div>
571        <div></div>
572        <div></div>
573        <div></div>
574        <div></div>
575        <div></div>
576        <div></div>
577        <div></div>
578        <div></div>
579        <div></div>
580    </div>
581</div>
582            </div>
583        </div>
584    </div>
585</section>
586
587
588<section class="pagination-wrapper-ddabd844244c4296b2caf5cd34ff2263">
589    <div class="container pb--large">
590        <div class="row">
591            <div class="col-md-12">
592                <div class="pagination">
593                    <button data-page="2" class="btn btn__primary" id="pagenation">Indl&#xE6;s flere </button>
594                        <p class="pagination__results totalcount"></p>
595                </div>
596            </div>
597        </div>
598    </div>
599</section>
600
601<script>
602    function addParamToUrl(paramName, paramValue) {
603        // Get the current URL
604        var currentUrl = window.location.href;
605
606        // Create a URLSearchParams object from the URL
607        var urlSearchParams = new URLSearchParams(currentUrl.split('?')[1]);
608
609        // Check if the parameter already exists in the URL
610        if (urlSearchParams.has(paramName)) {
611            // If it exists, update its value
612            urlSearchParams.set(paramName, paramValue);
613        } else {
614            // If it doesn't exist, add the parameter with its value
615            urlSearchParams.append(paramName, paramValue);
616        }
617
618        // Create a new URL with the updated parameters
619        var newUrl = currentUrl.split('?')[0] + '?' + urlSearchParams.toString();
620
621        // Update the browser's address bar with the new URL
622        window.history.pushState({}, document.title, newUrl);
623    }
624
625    function removeURLParameter(paramName) {
626        // Get the current URL
627        var currentUrl = window.location.href;
628
629        // Create a URLSearchParams object from the URL
630        var urlSearchParams = new URLSearchParams(currentUrl.split('?')[1]);
631
632        // Check if the parameter already exists in the URL
633        if (urlSearchParams.has(paramName)) {
634            // If it exists, update its value
635            urlSearchParams.delete(paramName);
636
637            // Create a new URL with the updated parameters
638            var newUrl = currentUrl.split('?')[0] + '?' + urlSearchParams.toString();
639
640            // Update the browser's address bar with the new URL
641            window.history.pushState({}, document.title, newUrl);
642        }
643    }
644    function getUrlVars() {
645        var vars = [], hash;
646        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
647        for (var i = 0; i < hashes.length; i++) {
648            hash = hashes[i].split('=');
649            vars.push(hash[0]);
650            vars[hash[0]] = hash[1];
651        }
652        return vars;
653    }
654
655    //When selcecting a filter changes
656    jQuery(document.body).on('change', '.filter-list__form-ddabd844244c4296b2caf5cd34ff2263 .filtermenu_sort-ddabd844244c4296b2caf5cd34ff2263', function () {
657        jQuery(".resetFilterList-ddabd844244c4296b2caf5cd34ff2263").show();
658        var tag = $('.filter-list__form-ddabd844244c4296b2caf5cd34ff2263 .filtermenu_sort-ddabd844244c4296b2caf5cd34ff2263').map(function () {
659            var val = $(this).val();
660            return val !== "" ? val : null; // Filtrer tomme værdier
661        }).get().join(',');
662        addParamToUrl("tag", tag)
663
664        filterOnTag(tag, false)
665    });
666
667    function filterOnTag(tag, resetLetter) {
668        //resetSelect();
669        if (resetLetter) {
670            resetLetter();
671        }
672        var selectElements = jQuery('.filter-list__form-ddabd844244c4296b2caf5cd34ff2263 .filtermenu_sort-ddabd844244c4296b2caf5cd34ff2263');
673        ////jQuery(".resetFilterList-ddabd844244c4296b2caf5cd34ff2263").show();
674        var tagsList = tag.split(",");
675        console.log(tagsList);
676        // tagsList.forEach(t => {
677        //     selectElements.each(function () {
678        //         var $this = jQuery(this);
679        //         var optionExists = $this.find('option[value="' + t + '"]').length > 0;
680
681        //         if (optionExists) {
682        //             $this.val(t);
683        //             jQuery(".resetFilterList-ddabd844244c4296b2caf5cd34ff2263").show();
684        //         } else {
685        //             //$this.val($this.find('option:first').val());
686        //         }
687        //     });
688        // });
689        GetFilterListe(false);
690    }
691
692    jQuery(document).ready(function () {
693        var filterliste = document.querySelectorAll(".filterliste-wrapper-ddabd844244c4296b2caf5cd34ff2263");
694        var buttonText = jQuery("#main-content").data("buttontext");
695        jQuery(".pagination .btn").html(buttonText)
696
697        var pagenationWrapper = document.querySelector(".pagination-wrapper-ddabd844244c4296b2caf5cd34ff2263");
698        var wrapper = document.querySelector("#wrapper-ddabd844244c4296b2caf5cd34ff2263");
699        var query = decodeURIComponent(getUrlVars()["query"]);
700        var queryTag = decodeURIComponent(getUrlVars()["tag"]);
701        var queryLetter = decodeURIComponent(getUrlVars()["letter"]);
702        var queryYear = decodeURIComponent(getUrlVars()["year"]);
703        var queryMonth = decodeURIComponent(getUrlVars()["month"]);
704        if (queryLetter != 'undefined') {
705            var buttons = wrapper.querySelectorAll('.filter__alphabet button.chosen');
706            buttons.forEach(function (button) {
707                button.classList.remove('chosen');
708            });
709            const activeButton = document.querySelector('ul li button[data-letter="' + queryLetter + '"]');
710            activeButton.classList.add('chosen');
711        }
712        if (query != "undefined") {
713            jQuery(wrapper).find("#searchbar-small").val(query)
714        }
715        if (queryYear && queryYear !== 'undefined') {
716            jQuery(filterliste).find('#list-year').val(queryYear);
717            jQuery(filterliste).find(".reset-filter").prop("disabled", false);
718            jQuery(filterliste).find(".reset-filter").show();
719        }
720        if (queryMonth && queryMonth !== 'undefined') {
721            jQuery(filterliste).find('#list-month').val(queryMonth);
722            jQuery(filterliste).find(".reset-filter").prop("disabled", false);
723            jQuery(filterliste).find(".reset-filter").show();
724        }
725
726        jQuery(".lds-default-ddabd844244c4296b2caf5cd34ff2263").show();
727        // Get all filter lists. ensure that the filter can be on the page multiple times
728        filterliste.forEach(function (element) {
729            GetFilterListe(false);
730        });
731
732
733        jQuery(wrapper).on("click", ".search-bar--small button", function (e) {
734            e.preventDefault();
735            jQuery(filterliste).find(".reset-filter").show();
736            jQuery(filterliste).find(".reset-filter").prop("disabled", false);
737            addParamToUrl("query", jQuery(wrapper).find(".search-bar--small input").val())
738            GetFilterListe(false);
739        });
740
741
742        // Click on the letter filter
743        jQuery(wrapper).on("click", "#filter-search-alphabet button.active", function (e) {
744            e.preventDefault();
745            jQuery(filterliste).find(".reset-filter").show();
746            jQuery(filterliste).find(".reset-filter").prop("disabled", false);
747            var buttons = wrapper.querySelectorAll('#filter-search-alphabet button.chosen');
748            buttons.forEach(function (button) {
749                button.classList.remove('chosen');
750            });
751            e.target.classList.add("chosen");
752            addParamToUrl("letter", e.target.dataset.letter)
753            GetFilterListe(false);
754        });
755
756        //Load more
757        jQuery(pagenationWrapper).on("click", "#pagenation", function (e) {
758            e.preventDefault();
759            var page = jQuery(this).data("page");
760            jQuery(this).data("page", page + 1);
761            GetFilterListe(true, page);
762        });
763
764        // Reset all
765        jQuery(filterliste).on('click', '.reset-filter', function (e) {
766            e.preventDefault();
767            jQuery(filterliste).find(".reset-filter").hide();
768            resetLetter();
769            resetSearch();
770            resetSelect();
771            GetFilterListe(false);
772        });
773        function resetSelect() {
774            var selectElements = document.querySelectorAll('.filter-list__form-ddabd844244c4296b2caf5cd34ff2263 .filtermenu_sort-ddabd844244c4296b2caf5cd34ff2263'); // Replace '.select-class' with your select elements' class
775            // Iterate over each select element and set its selected index to the first option
776            selectElements.forEach(function (selectElement) {
777                selectElement.selectedIndex = 0;
778            });
779            removeURLParameter("tag")
780        }
781        jQuery(wrapper).on("click", "#filter-search-alphabet button.active.chosen", function (e) {
782            e.preventDefault();
783            resetLetter();
784            GetFilterListe(false);
785        });
786
787        function resetLetter() {
788            if (jQuery(wrapper).find("#filter-search-alphabet").length) {
789                console.log(jQuery(wrapper).find("#filter-search-alphabet"))
790                var button = jQuery(wrapper).find("#filter-search-alphabet button.chosen");
791                button.removeClass('chosen');
792
793                var all = jQuery(wrapper).find("#filter-search-alphabet button.alle")
794                console.log(all)
795                all.addClass("chosen");
796            }
797            removeURLParameter("letter")
798        }
799        function resetSearch() {
800            if (wrapper != null) {
801
802                var search = wrapper.querySelector("#searchbar-small");
803
804                if (search != null) {
805                    search.value = "";
806                    removeURLParameter("query");
807                }
808            }
809        }
810
811        function CheckLetters(letters) {
812            if (letters != undefined) {
813                jQuery(wrapper).find("[data-letter]").removeClass("active");
814
815                //makes sure the "alle" option is available to reset the filter
816                jQuery(wrapper).find("[data-letter='Alle']").addClass("active");
817
818
819                var letterArray = letters.split(",");
820                for (var i = 0; i < letterArray.length; i++) {
821                    var letter = letterArray[i];
822                    if (isLetter(letter)) {
823                        var button = jQuery(wrapper).find("[data-letter='" + letter + "']");
824                        if (button != null) {
825                            button.addClass("active");
826                            button.removeAttr('disabled');
827                        }
828
829                    }
830                }
831            } else {
832                jQuery(wrapper).find("[data-letter]").removeClass("active");
833            }
834            var buttons = wrapper.querySelectorAll('#filter-search-alphabet button'); // Replace 'button' with a more specific selector if needed
835            buttons.forEach(function (button) {
836                // Check if the button does not have the 'active' class
837                if (!button.classList.contains('active')) {
838                    // Add the 'disabled' attribute to the button
839                    button.setAttribute('disabled', true);
840
841                    //if button is alle remove disabled
842                    if (button.classList.contains('alle')) {
843                        console.log(button);
844                        button.removeAttribute('disabled');
845                        button.classList.add("active");
846                    }
847                }
848            });
849
850        }
851        function isLetter(char) {
852            return /^[A-Za-zÆØÅæøå]$/.test(char);
853        }
854        function GetFilterListe(loadMore, page) {
855            var imageCrop = "aspect-ratios--3-2";
856            //var tags = getTags();
857            var pageSize = jQuery(filterliste).find("#pagesize").val();
858            var selectedLetter = jQuery("#filter-search-alphabet button.chosen");
859            var startLetter = selectedLetter != null ? selectedLetter.data("letter") : "";
860            var query = jQuery("#searchbar-small").val();
861            var year = jQuery(filterliste).find("#list-year").val() != "null" ? jQuery(filterliste).find("#list-year").val() : "";
862            var month = jQuery(filterliste).find("#list-month").val() != "null" ? jQuery(filterliste).find("#list-month").val() : "";
863            var tag = jQuery(filterliste).find("#list-tag").val() != "null" ? jQuery(filterliste).find("#list-tag").val() : "";
864            var CustomTags = $('.filter-list__form-ddabd844244c4296b2caf5cd34ff2263 .filtermenu_sort-ddabd844244c4296b2caf5cd34ff2263').map(function () {
865                var val = $(this).val();
866                return val !== "" ? val : null; // Filtrer tomme værdier
867            }).get().join(',');
868
869            var requestData = {
870                gridView: "Image Grid",
871                imageCrop: imageCrop,
872                currentPageType: "sectionPage",
873                hideImage: true,
874                hideDescription: false,
875                hideDate: true,
876                dateFormat: "dd. MMM yyyy",
877                alignImageLeft: false,
878                lang: "da",
879                pagesize: pageSize ?? 12,
880                page: page,
881                currentPageId: "2429",
882                parentPageId: "3901",
883                tags: tag,
884                defaultTags: jQuery(".filterliste-wrapper-ddabd844244c4296b2caf5cd34ff2263").data("defaulttags"),
885                startLetter: startLetter,
886                query: query,
887                loadMore: loadMore,
888                year: year,
889                month: month,
890                CustomTags: CustomTags,
891                dontSortByDate: false,
892                sortBy: "Alfabetisk",
893                hasCustomTags: true,
894                cardHeadingLevel: 2
895                };
896            var antiForgeryToken = jQuery('input[name="__RequestVerificationToken"]').val();
897            jQuery.ajax({
898                url: "/surface/FilterListe/GetFilterlisteContent",
899                type: "POST",
900                data: JSON.stringify(requestData),
901                contentType: "application/json",
902                headers: {
903                    "X-CSRF-Token": antiForgeryToken // Brug samme headernavn som i Program.cs
904                },
905                success: function (data) {
906                    var beforeCount = loadMore
907                        ? jQuery(filterliste).find("#list__cards .card").length
908                        : 0;
909
910                    if (loadMore) {
911                        if ("gridLayout" == "Image Grid") {
912                            jQuery(filterliste).find("#list__cards").append(data);
913                        }
914                        else {
915                            jQuery(filterliste).find("#list__cards").append(data);
916                        }
917                    } else {
918                        jQuery(filterliste).find("#list__cards").empty();
919                        jQuery(filterliste).find("#list__cards").append(data);
920                    }
921
922
923                    var lastCard = jQuery(filterliste).find("#list__cards .card").last();
924                    var letters = lastCard.data("letters");
925
926                    var islastPage = jQuery(filterliste).find("#list__cards .card").last().data("islast");
927                    var count = jQuery(filterliste).find("#count-data").data("c
927ount");
928                    if (islastPage || count == 0) {
929                        jQuery(pagenationWrapper).find(".pagination").hide();
930                    } else {
931                        jQuery(pagenationWrapper).find(".pagination").show();
932                    }
933                    UpdateCount(count);
934                    CheckLetters(letters)
935
936                    if (loadMore) {
937                        var newCards = jQuery(filterliste).find("#list__cards .card").slice(beforeCount);
938                        if (newCards.length > 0) {
939                            var focusTarget = newCards.first().find("h1, h2, h3, h4, h5, h6").first();
940                            if (focusTarget.length === 0) {
941                                focusTarget = newCards.first().find("a").first();
942                            }
943                            if (focusTarget.length === 0) {
944                                focusTarget = newCards.first();
945                            }
946                            focusTarget.attr("tabindex", "-1").trigger("focus");
947                        }
948                    }
949                },
950                error: function (xhr, status, error) {
951                    console.error("Fejl ved hentning af søge-resultater:", xhr);
952                    console.error("Fejl ved hentning af søge-resultater:", status);
953                    console.error("Fejl ved hentning af søge-resultater:", error);
954                }
955            });
956            function updateActiveFiltersDisplay() {
957                const tags = [];
958                document.querySelectorAll('.filtermenu_sort-ddabd844244c4296b2caf5cd34ff2263').forEach(select => {
959                    const selected = select.options[select.selectedIndex];
960                    if (selected && selected.value !== "") {
961                        tags.push(selected.text);
962                    }
963                });
964
965                const filterLabel = document.getElementById("active-filters-label-ddabd844244c4296b2caf5cd34ff2263");
966                const tagDisplay = document.getElementById("active-tags-ddabd844244c4296b2caf5cd34ff2263");
967                if (filterLabel != null && tagDisplay != null ) {
968                    if (tags.length > 0) {
969                        filterLabel.style.display = "block";
970                        tagDisplay.innerHTML = tags.map(tag => `<strong>${tag}</strong>`).join(", ");
971                    } else {
972                        filterLabel.style.display = "none";
973                        tagDisplay.innerHTML = "";
974                    }
975                }
976            }
977            updateActiveFiltersDisplay();
978
979        }
980
981        function UpdateCount(count) {
982            var countField = jQuery(filterliste).find(".resultnumber");
983            jQuery(pagenationWrapper).find(".totalcount").html(count + " resultater");
984            countField.html("<strong>" + count + "</strong> resultater");
985        }
986
987        window.handleTagClick = function (event) {
988            const urlParams = new URLSearchParams(window.location.search);
989            const existing = urlParams.get('tag') || '';
990            const tag = event.target.parentElement.getAttribute('data-tagkey');
991            const list = existing
992                .split(',')
993                .map(t => (t || '')
994                .trim())
995                .filter(t => t && t.toLowerCase() !== 'undefined');
996
997            if (!list.includes(tag)) {
998                list.push(tag);              // add the new tag
999            }
1000            event.preventDefault();
1001            addParamToUrl('tag', list.join(','));
1002            handleTagSelects();
1003            GetFilterListe(false);
1004        }
1005
1006        jQuery(filterliste).find('select').on('change', function () {
1007            var position = jQuery(".list__cards").offset().top - 30;
1008            // jQuery("body, html").animate({
1009            //     scrollTop: position
1010            // }, 500);
1011            jQuery(filterliste).find(".reset-filter").prop("disabled", false);
1012
1013            var changedId = jQuery(this).attr('id');
1014            var changedVal = jQuery(this).val();
1015            if (changedId === 'list-year') {
1016                changedVal && changedVal !== 'null' && changedVal !== '' ? addParamToUrl('year', changedVal) : removeURLParameter('year');
1017            } else if (changedId === 'list-month') {
1018                changedVal && changedVal !== 'null' && changedVal !== '' ? addParamToUrl('month', changedVal) : removeURLParameter('month');
1019            }
1020
1021            GetFilterListe(false);
1022            jQuery(filterliste).find(".reset-filter").show();
1023        });
1024
1025        jQuery(filterliste).on("click", ".reset-filter", function (e) {
1026            jQuery(filterliste).find("#list-year").prop('selectedIndex', 0);
1027            jQuery(filterliste).find("#list-month").prop('selectedIndex', 0);
1028            jQuery(filterliste).find("#list-tag").prop('selectedIndex', 0);
1029            removeURLParameter("year");
1030            removeURLParameter("month");
1031            GetFilterListe(false);
1032        });
1033    });
1034
1035    function handleTagSelects() {
1036        // Handle tag category select changes
1037        const tagSelects = document.querySelectorAll('.filtermenu_sort-ddabd844244c4296b2caf5cd34ff2263');
1038        tagSelects.forEach(select => {
1039            select.addEventListener('change', function () {
1040                if (this.value) {
1041                    addParamToUrl('tag', this.value)
1042                    //window.location.href = window.location.pathname + '?tag=' + this.value;
1043                }
1044            });
1045        });
1046
1047        // Handle general filter select changes
1048        const listTagSelect = document.getElementById('list-tag');
1049        if (listTagSelect) {
1050            listTagSelect.addEventListener('change', function () {
1051                if (this.value) {
1052                    addParamToUrl('tag', this.value)
1053                    //window.location.href = window.location.pathname + '?tag=' + this.value;
1054                }
1055            });
1056        }
1057
1058        // Set selected option based on URL parameter
1059        const urlParams = new URLSearchParams(window.location.search);
1060        const tagParam = urlParams.get('tag');
1061        const tagArray = tagParam ? tagParam.split(',') : [];
1062        var filterliste = document.querySelectorAll(".filterliste-wrapper-ddabd844244c4296b2caf5cd34ff2263")
1063        if (tagParam) {
1064            tagSelects.forEach(select => {
1065                tagArray.forEach(tag => {
1066                    const option = select.querySelector(`option[value="${tag}"]`);
1067                    if (option) {
1068                        select.value = tag;
1069                    }
1070                })
1071            });
1072            if (listTagSelect) {
1073                const option = listTagSelect.querySelector(`option[value="${tagParam}"]`);
1074                if (option) {
1075                    listTagSelect.value = tagParam;
1076                }
1077            }
1078            jQuery(filterliste).find(".reset-filter").prop("disabled", false);
1079            jQuery(filterliste).find(".reset-filter").show()
1080        } else {
1081            jQuery(filterliste).find(".reset-filter").hide()
1082        }
1083    }
1084
1085    document.addEventListener('DOMContentLoaded', function () {
1086        handleTagSelects();
1087    });
1088</script>
1088
1089</main>
1090
1091
1092
1093
1094
1095
1096    <div class="top-link__container">
1097        <a aria-label="Til sidens top" class="top-link   middle" href="#main-content" title="Til sidens top">
1098            <div class="arrow top-link__icon"></div>
1099        </a>
1100    </div>
1101
1102
1103
1104<footer class="footer bg--footer hightlight-links--arrow">
1105        <div class="watermark">
1106            <img class="no-fit watermark__img position-right" data-watermarkdesktop="/media/eaaltryg/frame35.svg?width=1920&amp;quality=80&amp;v=1db44c2c1f896c0)"  src="/media/eaaltryg/frame35.svg?width=1920&amp;v=1db44c2c1f896c0&amp;quality=80" alt="">
1107        </div>
1108    <div class="footer__container">
1109        <div class="container">
1110            <div class="row">
1111                        <div class="col-md-12 col-lg-3 order-mobile-0 col--footer">
1112                            <div class="row">
1113                                        <div class="col-md-12 col-lg-12  ">
1114
1115        <div class="logo mb--xsmall">
1116            <img src="/media/ntram1zq/syddjurs-kommune-logo-1.svg?quality=95&amp;v=1dbbb787f3d8750" alt="Syddjurs Kommune logo" data-defaultLogo="/media/ntram1zq/syddjurs-kommune-logo-1.svg?quality=95&amp;v=1dbbb787f3d8750" data-darkmodeLogo="/media/ntram1zq/syddjurs-kommune-logo-1.svg?quality=95&amp;v=1dbbb787f3d8750" />
1117        </div>
1118                                        </div>
1119                            </div>
1120                        </div>
1121                        <div class="col-md-12 col-lg-9 order-mobile-0 ">
1122                            <div class="row">
1123                            </div>
1124                        </div>
1125                        <div class="col-md-12 col-lg-4 order-mobile-0 col--footer">
1126                            <div class="row">
1127                                        <div class="col-md-12 col-lg-12  ">
1128
1129    <div class="footer__content   ">
1130        <div class=" rich-text">
1131            <p><strong>Syddjurs Kommune</strong><br>Lundbergsvej 2<br>8400 Ebeltoft</p>
1132<p>Telefon: 87 53 50 00</p>
1133<p>CVR-nummer: 29189978</p>
1134        </div>
1135
1136    </div>
1137
1138    <div class="footer__content   ">
1139        <div class=" rich-text">
1140            
1141                <a class="btn btn__primary--outline" href="https://www.syddjurs.dk/borger/kontakt">Kontakt og &#xE5;bningstider</a>
1142        </div>
1143
1144    </div>
1145                                        </div>
1146                            </div>
1147                        </div>
1148                        <div class="col-md-12 col-lg-1 order-mobile-0 ">
1149                            <div class="row">
1150                            </div>
1151                        </div>
1152                        <div class="col-md-12 col-lg-3 order-mobile-0 col--footer">
1153                            <div class="row">
1154                                        <div class="col-md-12 col-lg-12  ">
1155
1156    <div class="footer__content dropdown-mobile  mb--xsmall">
1157                <button class="h3  dropdown-toggle ">Bestil tid i Borgerservice</button>
1158        <div class="dropdown-menu rich-text">
1159            <p>Du skal bestille tid inden dit besøg i Borgerservice.</p>
1160                <a class="btn btn__primary--outline" href="https://www.syddjurs.dk/borger/kontakt/borgerservice">Bestil tid i Borgerservice</a>
1161        </div>
1162
1163    </div>
1164                                        </div>
1165                            </div>
1166                        </div>
1167                        <div class="col-md-12 col-lg-4 order-mobile-0 col--footer">
1168                            <div class="row">
1169                                        <div class="col-md-12 col-lg-12  ">
1170
1171
1172    <div class="footer__content  ">
1173                <h2 class="h3   ">Leder du efter</h2>
1174        <ul class=" ">
1175                <li>
1176                    <a href="https://www.syddjurs.dk/borger/kontakt/aabningstider/den-digitale-hotline">Hj&#xE6;lp til selvbetjening - Den Digitale Hotline</a>
1177                </li>
1178                <li>
1179                    <a href="https://www.syddjurs.dk/abonnementside">Tilmelding til nyhedsbrev</a>
1180                </li>
1181                <li>
1182                    <a href="https://www.syddjurs.dk/borger/kontakt/borgerservice/fysisk-tilgaengelighed-borgerservice">Fysisk tilg&#xE6;ngelighed - Borgerservice</a>
1183                </li>
1184                <li>
1185                    <a href="https://www.was.digst.dk/syddjurs-dk" target="_blank">Tilg&#xE6;ngelighedserkl&#xE6;ring</a>
1186                </li>
1187        </ul>
1188    </div>
1189                                        </div>
1190                            </div>
1191                        </div>
1192                        <div class="col-md-12 col-lg-1 order-mobile-0 ">
1193                            <div class="row">
1194                            </div>
1195                        </div>
1196            </div>
1197        </div>
1198    </div>
1199        <div class="footer__sub">
1200            <div class="container">
1201                <div class="row">
1202                        <div class="col-md-12 col-lg-12 ">
1203                            <div class="row">
1204                                    <div class="col-md-12 col-lg-12">
1205                                                
1206    <div class="footer__content">
1207        <div class="list__icons">
1208            <ul>
1209                        <li>
1210                                <span class="icon-instagram">
1211                                </span>
1212                            <span>
1213                                <a href="https://www.instagram.com/syddjurskommune" target="_blank">F&#xF8;lg os p&#xE5; Instagram</a>
1214                            </span>
1215                        </li>
1216                        <li>
1217                                <span class="icon-linkedin">
1218                                </span>
1219                            <span>
1220                                <a href="https://www.linkedin.com/company/syddjurs-kommune" target="_blank">F&#xF8;lg os p&#xE5; LinkedIn</a>
1221                            </span>
1222                        </li>
1223                        <li>
1224                                <span class="icon-facebook">
1225                                </span>
1226                            <span>
1227                                <a href="https://da-dk.facebook.com/syddjurskommune" target="_blank">F&#xF8;lg os p&#xE5; Facebook</a>
1228                            </span>
1229                        </li>
1230            </ul>
1231        </div>
1232    </div>
1233
1234                                    </div>
1235                            </div>
1236                        </div>
1237                </div>
1238            </div>
1239        </div>
1240</footer>
1241<style>
1242    :root {
1243        --footer-brand-height-lg: 64px; --footer-brand-height-md: 47px; --footer-pt-lg: 100px; --footer-pt-md: 50px; --footer-pb-lg: 100px; --footer-pb-md: 50px;
1244    }
1245</style>
1246
1247
1248
1249
1250
1251        
1252
1253
1254<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.9.2/umd/popper.min.js"></script>
1254
1255
1256
1257</body>
1258</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.