Das Skript wurde angepasst nach den Vorgaben eurer Website. Die Darstellung des Beispoielscodes funktioniert hervorragend. Siehe untereres Beispiel.
Die Implementierung des Contents mit den den PHILIPPGRUPPE Daten führt allerdings zur nicht angepassen Ansicht. Siehe Beispiel oben.
<p><iframe id="philipp-gruppe.personio.de" src="https://philipp-gruppe.jobs.personio.de/" style="border: none;" width="100%"></iframe><script>
IFRAME MIT PHILIPPGRUPPE IDS
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Job Site</title>
</head>
<body>
<h2>Currently open positions</h2>
<p>Below this paragraph the personio job site is embedded as iframe in full height:</p>
<p><iframe id="philipp-gruppe.personio.de" src="https://philipp-gruppe.jobs.personio.de/" style="border: none;" width="100%"></iframe><script>
<script>
window.addEventListener('message', function(e) {
var iframe = document.querySelector('#philipp-gruppe.personio.de');
var eventName = e.data[0];
var data = e.data[1];
switch(eventName) {
case 'setHeight':
iframe.style.height = data + 'px';
window.scrollTo({ top: 0, behavior: 'smooth' });
break;
}
}, false);
</script>
</body>
</html>
IFRAME MIT PERSONIO IDS
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Job Site</title>
</head>
<body>
<h2>Currently open positions</h2>
<p>Below this paragraph the personio job site is embedded as iframe in full height:</p>
<iframe id="personio-iframe" src="https://personio.jobs.personio.de/" width="100%" style="border: none;"></iframe>
<script>
window.addEventListener('message', function(e) {
var iframe = document.querySelector('#personio-iframe');
var eventName = e.data[0];
var data = e.data[1];
switch(eventName) {
case 'setHeight':
iframe.style.height = data + 'px';
window.scrollTo({ top: 0, behavior: 'smooth' });
break;
}
}, false);
</script>
</body>
</html>
Currently open positions
Below this paragraph the personio job site is embedded as iframe in full height: