Rentekalkulator

Slik legger du inn rentekalkulatoren 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 rentekalkulatoren.
7. Klikk på “insert” i høyre kolonne

Kopier denne embedkoden:

<iframe id="red-widget__rentekalkulator" class="red-widgets" src="https://www.dn.no/staticprojects/2022/08/rentekalkulator/" seamless style="width:100%;margin:0;padding:0;border:none"></iframe>
<script>
  (function (id, payload) {
    var key = '__red-widget__';
    var node = document.querySelector('#' + id);
    var frame = node.contentWindow;

    var observer = new IntersectionObserver(function (entries) {
      for (var i = 0; i < entries.length; i++) {
        var intersection = entries[i].isIntersecting;
        frame.postMessage(key + JSON.stringify({ type: 'intersection', data: { value: intersection } }), '*');
      }
    });

    window.addEventListener('message', function (event) {
      if (event.type === 'message' && (typeof event.data === 'string') && event.data.indexOf(key) === 0) {
        if (event.source === frame) {
          var json = JSON.parse(event.data.replace(key, ''));
          var data = json.data;
          var type = json.type;
          node.height = data.height + 'px';
          console.log('received: ' + type);

          if (type === 'mounted') {
            observer.observe(node);
          }

          if (type === 'request') {
            frame.postMessage(key + JSON.stringify({ type: 'payload', data: payload }), '*');
          }
        }
      }
    });
  })('red-widget__rentekalkulator', {});
</script>

Slik ser det ut i DrPublish: