render-cfml - 46789

string

<cfoutput> <div style="position: sticky;top: 20px;height: fit-content;width: min-content; min-width: 200px;" id="banner-container"> <script> function banner_aside_fetch(arguments, titel){ fetch('/ajax/banner_aside.cfm', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(arguments) }) .then(response => response.text()) .then(data => { let response = (typeof data === "string") ? JSON.parse(data) : data; const container = document.getElementById('banner-container'); if (!container || !response) return; let normalizedData = {}; if (Array.isArray(response)) { normalizedData = { "default": response }; } else { normalizedData = response; } Object.keys(normalizedData).forEach(key => { const items = normalizedData[key]; if (Array.isArray(items) && items.length > 0) { const firstElement = items[0]; const hasTitle = firstElement.hasOwnProperty('titel'); const startIndex = hasTitle ? 1 : 0; if (hasTitle) { const titelHtml = ` <p class="fs-6 bold text-center px-3 col-12 mt-4" style="color: var(--color-portal);"> ${firstElement.titel} </p>`; container.insertAdjacentHTML('beforeend', titelHtml); } items.slice(startIndex).forEach(item => { const imgSrc = item.img_src ? item.img_src : '/images_sites/1a-branchensuche/user_placeholder.svg'; const linkHtml = item.homepage ? `<a href="/urlforward.cfm?linkextern=${item.homepage}" class="col-7 self-center"> <button style="border: 1px solid ##3366cc" class="bg-white mb-2 cursor-pointer border rounded-2 col-12">❯</button> </a>` : ""; const bannerHtml = ` <div class="col-md-12 col-4 rounded-2 flex column mt-2 bg-white" style="border: 1px solid rgba(51,102,204,.35); -webkit-box-shadow: 2px 8px 22px 5px rgba(51,102,204,0.3); box-shadow: 2px 8px 22px 5px rgba(51,102,204,0.3);"> <div class="col-12 flex flex-center" style="min-height: 150px; align-items: center;"> <img src="${imgSrc}" width="150" height="auto" style="max-width: 100%;"> </div> <p class="px-3 m-0 mb-2 fs-9 text-center">${item.firma1}</p> ${linkHtml} </div> `; container.insertAdjacentHTML('beforeend', bannerHtml); }); } }); }) } const dataToSend = { verzeichnis1: "#verzeichnis1#", SEO_regio_maske: "#SEO_regio_maske#", limit: 2, kategorie: "experten_events" }; banner_aside_fetch(dataToSend, "Experten und Events vor Ort"); </script> </div> </cfoutput>