Im Folgenden werden sechs einfache Variationen vorgestellt, wie man die Jahresbelegungsü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. 770px (hängt vom längsten Monatsnamen ab)
Höhe des IFRAMEs: (54 + Anzahl der Monate*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. (770 + 2*Wert_von_left)px (770 hängt vom längsten Monatsnamen ab)
Höhe des IFRAMEs: (54 + 2*Wert_von_top + Anzahl der Monate*17)px.

HINWEIS:
Wenn im gleichen Browser die Adminseite geöffnet ist oder wenn die Adminseite ohne die Betätigung der 'logout'-Schaltfläche verlassen wurde, werden bei den Jahresbelegungsübersichten Umsatzdaten eingeblendet.
Die Größe der Jahresbelegungsübersicht vergrößert sich dadurch (die Breite um 112px, die Höhe um 28px) und kann deshalb im IFRAME nicht mehr vollständig angezeigt werden. Die Folge davon ist, dass die Scrollbar nicht mehr sichtbar ist.
Im letzen Beispiel wird in diesem Fall der vollständige Jahreskalender angezeigt, ansonsten ein zu großes IFRAME.

IM KUNDENBEREICH IST DIES NICHT MÖGLICH, DA DER KUNDE IN SEINEM BROWSER IHRE ADMINSEITE NICHT ÖFFNEN KANN!

Jahresbelegungsübersicht im IFRAME, einfache Default-Version

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

Jahresbelegungsü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:780px;height:268px;border:0;"
     src="//Pfad_zum_Ordner_OBS/OBS/monTAB.php?id=domizil@Buttje&top=5&left=5">
   </iframe>
 </div>
 

Jahresbelegungsübersicht für 6 sichtbare Monate 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:780px;height:166px;padding:5px;border:1px solid #909090;"
     src="//Pfad_zum_Ordner_OBS/OBS/monTAB.php?id=domizil@Buttje&anzahl=6&top=5&left=5&links=1">
   </iframe>
 </div>
 

Belegungsübersicht für 12 sichtbare Monate 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:780px;height:268px;border:0;"
     src="//Pfad_zum_Ordner_OBS/OBS/monTAB.php?id=domizil@Buttje&top=5&left=5&links=2">
   </iframe>
 </div>
 

Jahresbelegungsübersicht für 12 sichtbare Monate im IFRAME, mit internem Rahmen, Buchungslink und dem Startdatum 'Januar 2016'

Zugehöriger html-Code (der Pfad_zum_Ordner_OBS ist anzupassen)
 <div>
   <iframe
     scrolling="no"
     style="width:780px;height:268px;border:0;"
     src="//Pfad_zum_Ordner_OBS/OBS/monTAB.php?id=domizil@Buttje&top=5&left=5&links=2&date=1-2016">
   </iframe>
 </div>
 

Jahresbelegungsübersicht für 12 sichtbare Monate im IFRAME, mit internem Rahmen, Buchungslink, dem Startdatum 'Januar 2016' und der Umsatzanzeige, falls der Adminbereich aktiviert ist (siehe rote Schrift oben)

Zugehöriger html-Code (der Pfad_zum_Ordner_OBS ist anzupassen)
 <div>
   <iframe
     scrolling="no"
     style="width:892px;height:296px;border:0;"
     src="//Pfad_zum_Ordner_OBS/OBS/monTAB.php?id=domizil@Buttje&top=5&left=5&links=2&date=1-2016">
   </iframe>
 </div>