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øsninger. Spring køen over og brug vores selvbetjening, nå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øsninger. Spring køen over og brug vores selvbetjening, når det passer dig" /> 77 <meta name="twitter:description" content="Her finder du alle Syddjurs Kommunes digitale selvbetjeningsløsninger. Spring køen over og brug vores selvbetjening, nå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&height=48&format=noformat&v=1db77dd16ce7af0 sizes=" /> 99 <link type="image/png" rel="apple-touch-icon" sizes="57x57" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=57&height=57&format=noformat&v=1db77dd16ce7af0" /> 100 <link type="image/png" rel="apple-touch-icon" sizes="60x60" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=60&height=60&format=noformat&v=1db77dd16ce7af0" /> 101 <link type="image/png" rel="apple-touch-icon" sizes="72x72" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=72&height=72&format=noformat&v=1db77dd16ce7af0" /> 102 <link type="image/png" rel="apple-touch-icon" sizes="76x76" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=76&height=76&format=noformat&v=1db77dd16ce7af0" /> 103 <link type="image/png" rel="apple-touch-icon" sizes="114x114" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=114&height=114&format=noformat&v=1db77dd16ce7af0" /> 104 <link type="image/png" rel="apple-touch-icon" sizes="144x144" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=144&height=144&format=noformat&v=1db77dd16ce7af0" /> 105 <link type="image/png" rel="apple-touch-icon" sizes="180x180" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=180&height=180&format=noformat&v=1db77dd16ce7af0" /> 106 <link rel="icon" type="image/png" sizes="16x16" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=16&height=16&format=noformat&v=1db77dd16ce7af0" /> 107 <link rel="icon" type="image/png" sizes="32x32" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=32&height=32&format=noformat&v=1db77dd16ce7af0" /> 108 <link rel="icon" type="image/png" sizes="96x96" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=96&height=96&format=noformat&v=1db77dd16ce7af0" /> 109 <link rel="icon" type="image/png" 120x120" href="/media/3rymfphi/byvaaben_cmyk-2.png?width=120&height=120&format=noformat&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&width=1200&height=630&quality=90&v=1db4d4e0f5be4b0" /> 126 <meta property="og:ubivox-image" content="https://www.syddjurs.dk/media/l5hloc04/matti-rosenkranz-kaloe.jpg?rxy=0.3307328867284557,0.3696613058284306&width=900&height=600&quality=90&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ø 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&width=1200&height=630&quality=90&v=1db4d4e0f5be4b0"> 131 <meta name="twitter:image:alt" content="Kalø 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å 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ø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="Åben global søgning" data-textClose="Luk global søgning" type="button" aria-label="Sø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øg" required="" aria-label="Søg"> 337 <button id="search-submit" type="submit">Sø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ø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å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å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ørn, unge og familie">Bø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ælp og overblik">Kontakt, hjæ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ø">Natur og miljø</option> 534 <option value="6e537c6662a24330aeafc0dda0c242ed" label="Pas og kørekort">Pas og kø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="Ældre">Æ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æ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&quality=80&v=1db44c2c1f896c0)" src="/media/eaaltryg/frame35.svg?width=1920&v=1db44c2c1f896c0&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&v=1dbbb787f3d8750" alt="Syddjurs Kommune logo" data-defaultLogo="/media/ntram1zq/syddjurs-kommune-logo-1.svg?quality=95&v=1dbbb787f3d8750" data-darkmodeLogo="/media/ntram1zq/syddjurs-kommune-logo-1.svg?quality=95&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 å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æ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ængelighed - Borgerservice</a> 1183 </li> 1184 <li> 1185 <a href="https://www.was.digst.dk/syddjurs-dk" target="_blank">Tilgængelighedserklæ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ølg os på 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ølg os på 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ølg os på 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.