Tester

Vi har noen embeds som kan legges inn i artikler i Dr. P.

Pinnekjøtt 2023 (røkt)

<iframe id="tester-pinnekjott-rokt" src="https://www.dn.no/prosjekter/tester/pinnekjott/pinnekjott-2023-rokt/" seamless style="width:100%;margin:0;padding:0;border:none"></iframe> <script> { const key = '__red-widget__'; const id = 'tester-pinnekjott-rokt'; const payload = {}; const observer = new IntersectionObserver((items) => { const node = document.querySelector(`#${id}`); for (let i = 0; i < items.length; i++) { node.contentWindow.postMessage(key + JSON.stringify({ type: 'intersect', data: { value: items[i].isIntersecting } }), '*'); } }); window.addEventListener('message', (event) => { const node = document.querySelector(`#${id}`); if (event.type === 'message' && typeof event.data === 'string' && event.data.indexOf(key) === 0 && event.source === node.contentWindow) { const { data, type } = JSON.parse(event.data.replace(key, '')); node.height = data.height + 'px'; console.log('received: ' + type); if (type === 'mounted') { observer.observe(node); } if (type === 'request') { node.contentWindow.postMessage(key + JSON.stringify({ type: 'payload', data: payload }), '*'); } } }); } </script> Kopier

Pinnekjøtt 2023 (urøkt)

<iframe id="tester-pinnekjott-urokt" src="https://www.dn.no/prosjekter/tester/pinnekjott/pinnekjott-2023-urokt/" seamless style="width:100%;margin:0;padding:0;border:none"></iframe> <script> { const key = '__red-widget__'; const id = 'tester-pinnekjott-urokt'; const payload = {}; const observer = new IntersectionObserver((items) => { const node = document.querySelector(`#${id}`); for (let i = 0; i < items.length; i++) { node.contentWindow.postMessage(key + JSON.stringify({ type: 'intersect', data: { value: items[i].isIntersecting } }), '*'); } }); window.addEventListener('message', (event) => { const node = document.querySelector(`#${id}`); if (event.type === 'message' && typeof event.data === 'string' && event.data.indexOf(key) === 0 && event.source === node.contentWindow) { const { data, type } = JSON.parse(event.data.replace(key, '')); node.height = data.height + 'px'; console.log('received: ' + type); if (type === 'mounted') { observer.observe(node); } if (type === 'request') { node.contentWindow.postMessage(key + JSON.stringify({ type: 'payload', data: payload }), '*'); } } }); } </script> Kopier