Lønnskalkulator

Slik legger du inn kalkulatoren i en sak i DrPublish:

1. Kopier embedkoden under
2. Klikk på fanen “script embed” i en artikkel
3. Gi embeden en tittel i tittelfeltet i høyre kolonne
4. Lim koden inn i feltet “Embed Code or URL:”
5. Klikk på “Preview” i høyre kolonne for å se at widgeten er lagt inn riktig
6. Marker i manuset hvor du ønsker kalkulatoren.
7. Klikk på “insert” i høyre kolonne

Kopier denne embedkoden:

<iframe id="red-widget__lonnskalkulator" class="red-widgets" src="https://www.dn.no/prosjekter/2023/04/lonnskalkulator/" seamless style="width:100%;margin:0;padding:0;border:none"></iframe>
<script>
  {
    const key = '__red-widget__';
    const id = 'red-widget__lonnskalkulator';
    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>