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!
<div> <iframe scrolling="no" style="width:770px;height:258px;border:0;" src="//Pfad_zum_Ordner_OBS/OBS/monTAB.php?id=domizil@Buttje"> </iframe> </div>
<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>
<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>
<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>
<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>
<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>