Hinweise zum Einrichten des iFrames

Diese Seite ist/enthält ein vollständiges Beispiel für die Einbindung des Karriereportals in ein iFrame.
Um die Anmerkungen nachzuvollziehen, kann am besten der Quellcode dieser Seite genutztz werden (F12~).

Resizing des Frames

Für die automatische Höhenanpassung des Frames wird der iframeResizer verwendet, hierzu muss die entsprechende JS-Datei eingebunden werden

	<script type="text/javascript" src="https://karriere.deutsche-seniorenstift.de/templates/suvsirxdsg/js/iframeResizer.min.js"></script>
        

und nach Erstellung des iFrames im DOM muss der Reziser initialisiert werden

	iFrameResize({}, '#jobOfferIframe');
        

Scrollen beim Klicke im Frame

Soll beim Klicken innerhalb des Frame zur Top-Position des Frames gescrollt werden, kann dieses Verhalten ebenfalls über den Resizer, mit Anpassung der Initialisierungsparameter ermöglicht werden

	let count = 0;
	iFrameResize({
		log: false,
		onResized: function () {
			if (count++ > 0) scroll(0, document.querySelector('#jobOfferIframe').offsetTop);
		}
	}, '#jobOfferIframe');
        

Weiterleitung beim direkten Aufruf des Karriereportals verarbeiten

Generell empfehlen wir, die Verarbeitung Serverseitig vorzunehmen, die Umsetzung des Beispiels in JS dient nur der Nachvollziehbarkeit
Wird das Karriereportal direkt aufgerufen (ohne Frameeinbettung) erfolgt eine Weiterleitung an eine fest definierte URL; die Original-URL wird als GET-Parameter mitgeliefert.
Entsprechend kann (vorm Initialiseren des Frames) der SRC-Wert angepasst werden.

	let orgUrl = findGetParameter('url');
	if (orgUrl) document.querySelector('#jobOfferIframe').src = orgUrl;