Versions Compared

Old Version 9

changes.mady.by.user Stefan Beer

Saved on

compared with

New Version Current

changes.mady.by.user Stefan Beer

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Damit die Höhenanpassung des iFrames innerhalb einer Website funktioniert, muss die JavaScript-Bibliothek iFrameResizer in der Version 3.5.3 von David J. Bradshaw integriert werden:
    https://github.com/davidjbradshaw/iframe-resizer/releases/tag/v3.5.3

  2. Die JavaScript-Datei muss im Header der Website referenziert werden:

    Code Block
    languagehtml
    <link rel="preload" 
      href="https://path/to/iframeResizer.min.js" 
      as="script" />

  3. Wenn die Seite geladen ist, muss der Resizer initialisiert werden:

    Code Block
    languagejs
    // Selektor des iFrames bei Bedarf anpassen
$('iframe').iFrameResize({
  heightCalculationMethod: 'grow',
  checkOrigin: false
});

  4. Der iFrame selbst wird folgendermaßen in die Website eingebunden:

    Code Block
    languagehtml
    <iframe src="https://www.ratioapp.de/webplattform/apps/MODUL/KUNDEPATH" 
        height="1800px" 
        width="100%" 
        scrolling="no" 
        frameborder="0" 
        data-autoresize="1"></iframe>