Kann man damit diesbezüglich was anfangen?
1. Erstellen eines iFrames mit einem Link zur Evolution IBE
2. Einbinden einer JS-Datei im Header: https://ibe.traffics.de/**************…eResizer.min.js (**************** steht für die 16-
stellige CFG des Kunden)
3. Einbinden von JS-Code für das korrekte Scrollen innerhalb der IBE
iFrame Resizer Beispiel Script
<?php
/**
* Bitte tragen sie hier Ihre traffics-CFG ein
*/
$cfg = '****************';
$domain = 'https://ibe.traffics.de/'.$cfg;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>iFrame Resizer Test-Tool für die Evolution IBE</title>
<!--
als iFrame Resizer setzen wir dieses Tool ein:
http://davidjbradshaw.github.io/iframe-resizer/
-->
<script type="text/javascript" src="<?php echo $domain; ?>/static/custom/js/iframeResizer.min.js"><
/script>
<!--
Diese Zeile wird benötigt, wenn die responsive IBE in einem Iframe geladen wird:
-->
<meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no" />
</head>
<body>
Dokumentation für den Kunden
<h1>iFrame Resizer Test-Tool für die Evolution IBE</h1>
<h4>Todos für die Einbindung:</h4>
<ul>
<li>
CFG konfigurieren
</li>
<li>
Include der Datei iframeResizer.min.js im Head-Bereich der (Kunden-)Seite. Diese Datei stellen
wir über die IBE Server zur Verfügung!
</li>
<li>
Anpassung der URL im src-Attribut des IFrame-Tags
-> nutzen der Variable $cfg in dieser Datei oder
-> src="https://ibe.traffics.de/CFG"
</li>
<li>
Konfiguration des Iframe-Resizing Tools - Erklärung der Parameter <a target="_blank" href="
http://davidjbradshaw.github.io/iframe-resizer/">hier</a>
</li>
</ul>
<iframe id="evolutionIBE" width="100%" style="border:0;" scrolling="no" src="<?php echo $domain; ?>"><
/iframe>
<script type="text/javascript">
// Höhe oberhalb des Frames ermitteln
var evolutionIbeOffset = document.getElementById('evolutionIBE').offsetTop;
// initialisiere die Kommunikation zwischen Seite und iFrame
iFrameResize({
checkOrigin : false,
// Funktion für die Kommunikation zwischen Frame und Seite zum Positionieren
bestimmter Elemente
messageCallback: function (obj) {
// Position innerhalb der IBE wird ausgelesen
var height = obj.message.scrollToPos;
if (evolutionIbeOffset) {
height += evolutionIbeOffset;
}
// Korrekturen
if ((obj.message.action === 'closeFrame') && (height > 50)) {
height -= 50;
}
// springe mit dem iFrame an die entsprechende Stelle
window.scrollTo(0, height);
}
});
</script>
</body>
</html>
Ich würde es gerne wie auf der unten aufgeführten Seite haben. Einfach das Menü der Seite oben und da drunter groß die Buchungsmaschine. Ich bin Anfänger und versuche mich da gerade durchzufuchsen, aber das ist doch gar nicht so einfach. 