Im Folgenden werden vier einfache Variationen vorgestellt, wie man den Mini-Monatskalender 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.
Der allgemeine URL zum Aufruf des Mini-Monatskalender lautet:
//Pfad_zum_Ordner_OBS/OBS/miniTAB.php?id=domizil@Objektname&groesse=int-Wert&x=Spalten&y=zeilen&links=int-Wert&lan=xy-XY
Der optionale Parameter 'groesse' dient zur vergrößerten Darstellung des Mini-Monatskalenders. 'groesse' legt fest, um wieviel Pixel jede Spalte und jede Zeile des Kalendes vergrößert wird.
Weiteren Parameter werden mithilfe der Beispieldarstellungen erläutert.
Abmessungen eines Mini-Monatskalenders:
Breite: (1. Spalte) 150px, sonst 149px + 7*groesse
Höhe: (1. Zeile) 143px, sonst 142px + 8*groesse
Abmessungen einer Mini-Übersicht aus mehreren Kalendern:
Breite: Anzahl der Kalender in horizontaler-Richtung*(149 + 7*groesse)px+1px
Höhe: Anzahl der Kalender in vertikaler-Richtung*(142 + 8*groesse)px+1px
<div>
<iframe
scrolling="no"
style="width:737px;height:547px;border:0;"
src="//Pfad_zum_Ordner_OBS/OBS/miniTAB.php?id=domizil@Objektname&groesse=5">
</iframe>
</div>
<div>
<iframe
scrolling="no"
style="width:150px;height:143px;padding:5px;border:1px solid #909090;"
src="//Pfad_zum_Ordner_OBS/OBS/miniTAB.php?id=domizil@Objektname&x=1&y=1&links=0">
</iframe>
</div>
<div style="position:relative; top: -8px; left: 150px;">
<iframe
scrolling="no"
style="width:658px;height:445px;border:0;"
src="//Pfad_zum_Ordner_OBS/OBS/miniTAB.php?id=domizil@Objektname&groesse=10&x=3&y=2&links=2">
</iframe>
</div>
<div>
<iframe
scrolling="no"
style="width:895px;height:143px;border:0;"
src="//Pfad_zum_Ordner_OBS/OBS/miniTAB.php?id=domizil@Objektname&x=6&y=1&links=2&date=1-2017">
</iframe>
</div>