VG: Bjelleklang-vokalist Frank Øren er død (2025)

`); if (!document.getElementById(`infiniteButton-${ id }`)) { secondParagraph.insertAdjacentHTML("afterend", ``); } const backgroundColor = window.getComputedStyle(document.body).getPropertyValue("background-color"); const backgroundColorWithOpacity = backgroundColor.replace("rgb", "rgba"); const backgroundColorWithOpacityStart = backgroundColorWithOpacity.replace(")", ", 1)"); const backgroundColorWithOpacityStop = backgroundColorWithOpacity.replace(")", ", 0)"); const infiniteFade = document.getElementById(`infiniteFade-${ id }`); infiniteFade.setAttribute("style", `height: ${ secondRectangle.height + 80 }px; background: linear-gradient(0deg, ${ backgroundColorWithOpacityStart } 30%, ${ backgroundColorWithOpacityStop } 100%);`); // margin-bottom: 5rem; } else { // if fewer than 2 paragraphs, show everything const infiniteCollapse = document.getElementById(`infiniteCollapse-${ id }`); infiniteCollapse.classList.add("infiniteVisibility"); } }; function observeArticle(id, url) { const articleOptions = { root: null, rootMargin: "0px", threshold: [0, 0.25, 0.50, 0.75, 1.0] }; const articleCallback = (entries, observer) => { entries.forEach((entry) => { if (entry.isIntersecting) { // when scrolling down, check when top is more than halfway up // when scrolling up, check when bottom is more than halfway down if ((entry.target.getBoundingClientRect().top > 0 && entry.target.getBoundingClientRect().top < (window.innerHeight / 2)) || (entry.target.getBoundingClientRect().top < 0 && entry.target.getBoundingClientRect().bottom > (window.innerHeight / 2))) { const currentId = window.location.pathname.split("/").pop(); const currentArticle = document.getElementById(`infiniteArticle-${ id }`); const currentArticleUrl = currentArticle.getAttribute("data-article-url") || `${ window.location.origin }${ url}`; const currentArticleEncodedUrl = encodeURI(currentArticleUrl); if (id !== currentId) { window.history.replaceState({}, "", currentArticleEncodedUrl); if (typeof pbjs !== "undefined" && pbjs.setConfig) { pbjs.setConfig({ pageUrl: currentArticleEncodedUrl }); } currentArticle.classList.add("observed"); const lab_article_data = { tagsString: '', }; if (window.Dac && window.Dac.InfinityScrollAds) { const scrollads = new Dac.InfinityScrollAds(id, currentId, entry); if (readyToReloadSkyscraper.isReady) { scrollads.reloadSkyscraperAds(); } } else { console.warn('ElementAttributeToggler: Missing required class Dac.InfinityScrollAds.'); } } else { currentArticle.classList.remove("observed"); } } } }); }; const articleObserver = new IntersectionObserver(articleCallback, articleOptions); const articleTarget = document.getElementById(id); articleObserver.observe(articleTarget); } function setupAdIntersectionObserver(id) { const adObserverOptions = { root: null, rootMargin: `${window.innerHeight * 4}px 0px ${window.innerHeight * 4}px 0px`, threshold: 0 }; const adObserverCallback = (entries, observer) => { entries.forEach((entry) => { if (entry.isIntersecting) { const currentId = window.location.pathname.split("/").pop(); if (window.Dac && window.Dac.InfinityScrollAds) { const scrollads = new Dac.InfinityScrollAds(id); scrollads.reloadArticleAds(); } else { console.warn('ElementAttributeToggler: Missing required class Dac.InfinityScrollAds.'); } observer.unobserve(entry.target); } }); }; const target = document.getElementById(`infiniteArticle-${id}`); if (target) { const adObserver = new IntersectionObserver(adObserverCallback, adObserverOptions); adObserver.observe(target); } else { console.warn(`Target element infiniteArticle-${id} not found for ad observer.`); } } (function() { // prevent fetching infinite scroll inside infinite scroll if ("default" !== "infinitescroll") { const apiUrl = "https://api.abcnyheter.no"; const domain = "https://www.abcnyheter.no"; const siteId = "2"; const rootId = "1181901"; const rootUrl = window.location.pathname; // original URL const articles = []; const isArticle = "page_article" === "page_article"; const infiniteSource = "infinite_scroll_nyheter" ? "feed" : "api"; const infiniteFeed = "infinite_scroll_nyheter" || ""; const infiniteOptions = { root: null, rootMargin: `${ window.innerHeight * 2 }px`, threshold: [0, 0.25, 0.50, 0.75, 1.0] }; let isReady = true; const infiniteCallback = (entries, observer) => { entries.forEach((entry) => { if (entry.isIntersecting && isReady && articles.length > 0) { isReady = false; let articleBatch = articles.splice(0, 5); let remainingArticles = articleBatch.length; articleBatch.forEach((article) => { remainingArticles--; if (article.url) { fetch(`${ domain }${ article.url }?lab_opts=infinitescroll`) .then((response) => { if (!response.ok) { throw new Error(`Could not fetch article: ${ response.status } - ${ response.statusText }`); } else { return response.text(); } }) .then((response) => { const articleContainer = document.createElement("div"); articleContainer.id = article.id; articleContainer.appendChild(document.createRange().createContextualFragment(response)); const infinity = document.getElementById("infinity-7df4b193-59a1-4b2b-a9a1-e6b3718f74ae"); infinity.appendChild(articleContainer); if (window.Dac && window.Dac.Definition) { const definition = new Dac.Definition(`infiniteSection-${ article.id }`); definition.setup(); } collapseArticle(article.id); observeArticle(article.id, article.url); setupAdIntersectionObserver(article.id); }) .catch((error) => console.log(error)) .finally(() => { if (remainingArticles === 0) { isReady = true; } }); } else { if (remainingArticles === 0) { isReady = true; } } }); } }); }; const infiniteTarget = document.getElementById("infiniteTarget-7df4b193-59a1-4b2b-a9a1-e6b3718f74ae"); if (infiniteSource === "api") { fetch(`${ apiUrl }/article?site_id=${ siteId }&query=NOT paywall:*`) // "paywall": "" or no paywall property .then((response) => { if (!response.ok) { throw new Error(`Could not fetch articles from Labrador API: ${ response.status } - ${ response.statusText }`); } else { return response.json(); } }) .then((response) => { response.result.forEach((entry) => { if (((isArticle && entry.id !== rootId) || !isArticle) && !(articles.some(((article) => article.id === entry.id)))) { articles.push({ id: entry.id, url: entry.published_url }); } }); infiniteObserver = new IntersectionObserver(infiniteCallback, infiniteOptions); infiniteObserver.observe(infiniteTarget); }) .catch((error) => console.log(error)); } else if (infiniteSource === "feed") { fetch(`${ apiUrl }/feed/data/${ infiniteFeed }`) .then((response) => { if (!response.ok) { throw new Error(`Could not fetch articles from feed: ${ response.status } - ${ response.statusText }`); } else { return response.json(); } }) .then((response) => { if (response && response.entries) { response.entries.forEach((entry) => { if (((isArticle && entry.id !== rootId) || !isArticle) && entry.siteDomain === domain && !entry.paywall && !(articles.some(((article) => article.id === entry.id)))) { articles.push({ id: entry.id, url: entry.url }); } }); infiniteObserver = new IntersectionObserver(infiniteCallback, infiniteOptions); infiniteObserver.observe(infiniteTarget); } }) .catch((error) => console.log(error)); } // navigate to original URL if infinite scroll element is no longer visible const rootOptions = { root: null, rootMargin: "0px", threshold: [0, 0.25, 0.50, 0.75, 1.0] }; const rootCallback = (entries, observer) => { entries.forEach((entry) => { if (!entry.isIntersecting) { const query = location.search; window.history.replaceState({}, "", rootUrl + query); } }); }; const rootObserver = new IntersectionObserver(rootCallback, rootOptions); const rootTarget = document.getElementById("infinity-7df4b193-59a1-4b2b-a9a1-e6b3718f74ae"); rootObserver.observe(rootTarget); } })();