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>