Im Folgenden werden fünf einfache Variationen vorgestellt, wie man die scrollbare Belegungsübersicht mittels eines IFRAMEs in eine html-Seite einbinden kann. Diese Variationen können beliebig kombiniert werden.
Wenn Sie die Möglichkeit der Darstellung des Buchungsformulars direkt in dieser Seite nutzen möchten (Parameter: links=2), müssen Sie wie bei dieser Demoseite im <head>-Bereich die OnBuSys-Javascript-Bibliothek einbinden und unmittelbar nach dem <body>-Tag das Buchungsformular (unsichtbar) erstellen.

Breite des IFRAMEs: ca. 840px (hängt vom längsten Objektnamen ab)
Höhe des IFRAMEs: (54 + Anzahl der Objekte*17)px.
Wenn Sie die Parameter 'top' und 'left' verwenden, mit denen die Belegungsübersicht mit einem internen Rahmen mit der gleichen Hintergrundfarbe wie die Belegungsübersicht versehen werden kann, berechnet sich die Breite und Höhe wie folgt (siehe 2. Beispiel):
Breite des IFRAMEs: ca. (840 + 2*Wert_von_left)px (840 hängt vom längsten Objektnamen ab)
Höhe des IFRAMEs: (54 + 2*Wert_von_top + Anzahl der Objekte*17)px.

Scrollbare Belegungsübersicht im IFRAME, einfache Default-Version

Zugehöriger html-Code (der Pfad_zum_Ordner_OBS ist anzupassen)
 <div>
   <iframe
     scrolling="no"
     style="width:840px;height:128px;border:0;"
     src="//Pfad_zum_Ordner_OBS/OBS/belegungdiv.php?id=domizil">
   </iframe>
 </div>

Scrollbare Belegungsübersicht im IFRAME, mit einem 5px breiten internen Rahmen (top=5 und left=5)

Zugehöriger html-Code (der Pfad_zum_Ordner_OBS ist anzupassen)
 <div>
   <iframe
     scrolling="no"
     style="width:850px;height:138px;border:0;"
     src="//Pfad_zum_Ordner_OBS/OBS/belegungdiv.php?id=domizil&top=5&left=5">
   </iframe>
 </div>

Scrollbare Belegungsübersicht für 6 sichtbare Objekte im IFRAME, mit internem und äußerem Rahmen und Buchungslink (sep. Fenster)

Zugehöriger html-Code (der Pfad_zum_Ordner_OBS ist anzupassen)
 <div>
   <iframe
     scrolling="no"
     style="width:850px;height:170px;padding:5px;border:1px solid #909090;"
     src="//Pfad_zum_Ordner_OBS/OBS/belegungdiv.php?id=domizil&anzahl=6&top=5&left=5&links=1">
   </iframe>
 </div>

Scrollbare Belegungsübersicht für 6 sichtbare Objekte im IFRAME, mit internem Rahmen und Buchungslink in einem relativ positionierten DIV

Zugehöriger html-Code (der Pfad_zum_Ordner_OBS ist anzupassen)
top: -8px ergibt eine Verschiebung um 8px nach oben, left: 100px ergibt eine Verschiebung um 100px nach rechts bzgl. der ursprünglichen Lage
 <div style="position:relative; top: -8px; left: 100px;">
   <iframe
     scrolling="no"
     style="width:850px;height:170px;border:0;"
     src="//Pfad_zum_Ordner_OBS/OBS/belegungdiv.php?id=domizil&anzahl=6&top=5&left=5&links=2">
   </iframe>
 </div>

Scrollbare Belegungsübersicht für 6 sichtbare Objekte im IFRAME, mit internem Rahmen, Buchungslink und dem Startdatum 'Januar 2014'

Zugehöriger html-Code (der Pfad_zum_Ordner_OBS ist anzupassen)
 <div>
   <iframe
     scrolling="no"
     style="width:850px;height:170px;border:0;"
     src="//Pfad_zum_Ordner_OBS/OBS/belegungdiv.php?id=domizil&anzahl=6&top=5&left=5&links=2&date=1-2014">
   </iframe>
 </div>