OnBuSys - Integeration der Belegungsübersichten PDF Drucken E-Mail

Insgesamt stehen Ihnen für den Kundenbereich drei verschiedene Belegungsübersichten zur Verfügung:

  • belegung.php: alle Übersichten werden zugleich dargestellt
  • belegungdiv.php: mittels Scrollbar werden einige aus vielen Übersichten zugleich dargestellt (siehe Demo-Menü)
  • miniTAB.php: eine variable Anzahl (1..beliebig) von kleinen Monatskalendern können in einer Tabelle zusammengefasst werden

Diese Belegungsübersichten können direkt in einer im TAB 'Einstellungen' aktivierten Sprache gestartet werden, wenn Sie im URL den optionalen Parameter '&lan=xy-XY', z.B. '&lan=fr-FR' verwenden. Ohne den Parameter werden die Belegungsübersichten in der sog. default- oder momentan aktiven Sprache gestartet (siehe 1. Beispiel). Eine gewählte Sprache bleibt bei einer Browsersitzung für alle Belegungsübersichten und Buchungskalender aktiv, wenn sie nicht explizit geändert wird.
Die Sprache kann auch nach dem Start der Belegungsübersichten durch Klicks auf die Flagge geändert werden.
Wahlweise können Sie die Belegungsübersichten mir einem Link versehen, mit dem direkt die Buchungsmaske aufgerufen werden kann.

Zusätzlich gibt es noch eine Belegungsübersicht, die in den Adminbereich integriert ist. Bei dieser Belegungsübersicht werden wichtige Kundendaten eingeblendet, wenn man den Mauszeiger über den Anreisetag einer Buchung/Buchungsanfrage bewegt.

Im Folgenden wird erläutert, wie Sie die einzelnen Belegungsübersichten in Ihre Seite integrieren können.

Wenn Sie hier angegebene Quellcodefragmente direkt kopieren, müssen Sie u.U. Leerzeichen entfernen, die hier wegen des Zeilenumbruchs eingefügt werden mussten.

Darstellung im separaten Fenster

Die einfachste Variante ist, dass man die Belegungsübersicht in einem separaten Fenster öffnet. Dabei erhalten Sie ein Fenster ohne Browser-Navigation in idealer Größe.

Dazu müssen Sie lediglich einen Link auf Ihrer Seite platzieren. Die unten stehenden Links können Sie direkt kopieren, wobei die Namen 'Pfad_zum_Ordner_OBS, Objekt1, Objekt2 und Objekt3' durch die tatsächlichen zu ersetzen sind.

Für alle Objekte lautet der Link für einen Start in der default- oder momentan aktiven Sprache:

<a href="#"  onclick="window.open('http://Pfad_zum_Ordner_OBS/OBS/belegung.php?id=domizil&amp;links=0','', 'top=0,left=10,scrollbars=yes,resizable=yes');return false;">Belegungsübersicht</a>

So sieht's aus

Für alle Objekte lautet der Link für einen Start in der Sprache Französisch:

<a href="#"  onclick="window.open('http://Pfad_zum_Ordner_OBS/OBS/belegung.php?id=domizil&amp;links=0&amp;lan=fr-FR','', 'top=0,left=10,scrollbars=yes,resizable=yes');return false;">Belegungsübersicht</a>


Für ein oder mehrere Objekte, z.B. für 'Objekt1, Objekt2 und Objekt3' lautet der Link:

<a href="#" onclick=" window.open('http://Pfad_zum_Ordner_OBS/OBS/belegung.php?id=domizil&amp;links=0&amp;ofeld=Objekt1,Objekt2,Objekt3','', 'top=0,left=10,scrollbars=yes,resizable=yes');return false;">Belegungsübersicht</a>


Bei sehr vielen Objekten wird die Höhe des Fensters mit der Belegungsübersicht sehr groß. Mit dem Skript 'belegungdiv.php' können Sie zusätzlich den Parameter 'anzahl' verwenden. Damit legen Sie fest, wieviele Objekte sichtbar sind, die restlichen sind mithilfe einer Scrollbar erreichbar. So können Sie die Höhe des Fensters an Ihre Seite anpassen. Die Fenstergröße kann mit den Werten für 'width' und 'height' modifiziert werden.
Ein weiteres Beispiel für dieses Feature finden Sie weiter unten.
Für alle Objekte mit 5 sichtbaren Objekten lautet der Link:

<a href="#" onclick=" window.open('http://Pfad_zum_Ordner_OBS/OBS/belegungdiv.php?id=domizil&amp;anzahl=5&amp;links=0','', 'top=0,left=10,width=870,height=165,scrollbars=yes,resizable=yes');return false;">Belegungsübersicht</a>


Wenn Sie 'links=1' verwenden, erhält der Objektname einen Link, mit den Sie den Buchungskalender zu dem betreffenden Objekt in einem separaten Fenster ohne Browser-Navigation öffnen können.

<a href="#" onclick="window.open('http://Pfad_zum_Ordner_OBS/OBS/belegung.php?id=domizil&amp;links=1&amp;ofeld =Objekt1,Objekt2,Objekt3','','top=0,left=10,scrollbars=yes,resizable=yes');return false;">Belegungsübersicht</a>

So sieht's aus


Mit 'links=2' können Sie den Buchungskalender im gleichen Fenster, in dem sich die Belegungsübersicht befindet, öffnen. Dies gilt für alle Arten von Belegungsübersichten.
Statt nur den Buchungskalender können Sie damit auch eine bereits vorhandene Seite öffnen, die Informationen zum Objekt enthält und eine Möglichkeit zur Online-Buchung bereitstellt.

Das Verfahren wird in 'Integrieren -> Buchungskalender' anhand von Demos erläutert.

 

Wenn Sie zusätzlich den Parameter 'date', z.B. 'date=7-2012' (Monat ohne führende 0) verwenden, startet die Belegungsübersicht mit dem betreffenden Datum, im Beispiel im Juli 2012. Ohne diesen Parameter wird ein Startdatum entsprechend Ihrer Wahl im TAB 'Einstellungen' verwendet.

<a href="#" onclick="window.open('http://Pfad_zum_Ordner_OBS/OBS/belegung.php?id=domizil&amp;links=1&amp;ofeld =Objekt1,Objekt2,Objekt3&amp;date=7-2012','','top=0,left=10,scrollbars=yes,resizable=yes');return false;">Belegungsübersicht</a>

 

Darstellung im IFRAME

Wenn Sie die Belegungsübersicht in Ihre Homepage integrieren wollen, können Sie dazu sogenannte iframes verwenden. Die Parameter sind wie oben zu verwenden.

In der Beispielseite werden drei einfache Möglichkeiten dargestellt. Bei jedem Beispiel befindet sich der zugehörige html-Code, den Sie kopieren und direkt für Ihre eigene Homepage verwenden können.

So sieht's aus

 

Für eine größere Anzahl von Objekten steht Ihnen eine weitere Möglichkeit für die Belegungsübersicht zur Verfügung. Dabei können Sie die Anzahl der sichtbaren Objekte und damit die Höhe der Tabelle begrenzen. Die Tabelle erhält ggf. einen Scrollbalken zum Erreichen der nicht sichtbaren Objekte.

Statt der Datei 'belegung.php' müssen Sie hierzu die Datei 'belegungdiv.php' verwenden.

Diese Belegungsübersicht wird mit dem folgenden URL aufgerufen:

http://Pfad_zum_Ordner_OBS/OBS/belegungdiv.php?id=Benutzername&anzahl=Anzahl&links=0&ofeld= Objekt1,Objekt2,Objekt3&date=Datum

Die einzelnen Parameter sind wie folgt zu verwenden, wobei die Reihenfolge beizubehalten ist:

  • id: Ihr Benutzername; erforderlich.
  • anzahl: sichtbare Anzahl der Objekte in der Tabelle, wobei die anderen über den Scrollbalken erreicht werden; optional. Ohne den Parameter ist anzahl 4.
  • links: Link zum Buchungskalender (0: kein Link, 1: Link, 2: Verlinkung im gleichen Fenster (ab Vers.8.1)); optional. Ohne den Parameter ist der Wert 0.
  • ofeld: Durch Kommas getrennte Objekte, die dargestellt werden sollen; optional. Ohne den Parameter werden alle Objekte verwendet.
  • date: Datum in der Form '7-2012' (ohne führende 0 beim Monat), ab dem die Übersicht beginnt; optional. Ohne den Parameter, oder bei einem Datum vor dem aktuellen wird als Startdatum das aktuelle Datum verwendet.


Beispiele:

http://Pfad_zum_Ordner_OBS/OBS/belegungdiv.php?id=domizil : alle Objekte, 4 sichtbar, keine Links, ab dem aktuellen Monat

http://Pfad_zum_Ordner_OBS/OBS/belegungdiv.php?id=domizil&anzahl=6&date=7-2012 : alle Objekte, 6 sichtbar, keine Links, ab Juli 2012
 

Wie oben befindet sich der zugehörige html-Code direkt bei den Beispielen.

So sieht's aus

 

Darstellung in einer CMS (Joomla, TYPO3, ...)- oder Do-It-Yourself Homepage

Bei der Integration der Belegungsübersicht in eine CMS- oder Do-It-Yourself Homepage kann das Problem auftreten, dass der Belegungskalender wegen seiner Breite nicht in das fest vorgegebenen Spalten-Layout der Seite passt.

In der Beispielseite wird eine Möglichkeit aufgezeigt, wie man trotzdem die Belegungsübersicht in solche Homepages einfügen kann. Zusätzlich ist bei diesem Beispiel die Möglichkeit vorhanden, dass man direkt aus dem Belegungskalender den Buchungskalender aufrufen kann, der dann direkt in dieser Seite dargestellt wird.

Ähnlich wie bei den Widgets wird auf dieser Seite Javascript-Code zum Kopieren zur Verfügung gestellt, den Sie direkt in den Seitenquelltext Ihrer CMS- oder Do-It-Yourself Homepage einfügen können. Dabei sind nur einige wenige Anpassungen durchzuführen.

So sieht's aus

 

Die Belegungsübersicht im Miniformat

Zur Darstellung der Belegungsübersicht direkt bei der Präsentation eines Objekts auf Ihrer Webseite kann der Belegungskalender im Miniformat (Monatskalender) verwendet werden. Mit dem folgenden Quelltext können Sie den Belegungskalender an der von Ihnen gewünschten Stelle ein- und ausblenden, wahlweise können Sie aus dem Belegungskalender direkt die zugehörige Buchungsseite aufrufen. Mit Ausnahme des Parameters 'ofeld' können Sie alle oben beschriebenen Parameter auch hier verwenden.

Die Präsentation des Objekts auf Ihrer Webseite sollte sich in einem DIV-Container befinden.
Fügen Sie diesem Container ein IFRAME folgendermaßen hinzu:

 <div 'Ihre Attribute ...'>
<iframe scrolling="no" frameborder="0" src="http://Pfad_zum_Ordner_OBS/OBS/miniTAB.php?id =domizil@IhrObjekt&amp;x=1&amp;y=1&amp;links=0" style="display: none; width: 156px; height: 147px; margin: 5px;" id="belegfr"></iframe>
'Ihr Inhalt...'
</div>

Mit 'float: right' wird die Belegungsübersicht in der rechten oberen Ecke Ihres DIVs dargestellt.
Wenn Sie 'links=1' bzw. 'links=2' verwenden, erhält die Belegungsübersicht Links zur Buchungsseite.

Erzeugen Sie sich dann Links zum Ein- und Ausblenden der Belegungsübersicht z.B. auf die folgende Weise:

<p style="text-align: left;"><a href="#" onclick="javascript:document.getElementById('belegfr').style.display='block';return false;">So wird sie eingeblendet</a>&#160;&#160;und&#160;&#160; <a href="#" onclick="javascript:document.getElementById('belegfr').style.display='none';return false;">so wird sie ausgeblendet</a></p>
 

 

So wird sie eingeblendet   und   so wird sie ausgeblendet

 

Die Belegungsübersicht im Tabellenformat

Wenn Sie eine frei wählbare Anzahl von aufeinander folgenden Minikalendern in Tabellenform zusammenfassen möchten, wobei der Startmonat frei wählbar und veränderbar ist, müssen Sie das beim Miniformat beschriebene Verfahren nur geringfügig abändern. Sie müssen lediglich die Werte der Parameter x (Anzahl der Spalten) und y (Anzahl der Zeilen) ändern und die Breite und Höhe des IFRAMEs anpassen (width=x*156, height=y*147). Mithilfe der Kopfzeile des ersten Kalenders können Sie den Startmonat ändern.
Bei den Demos zur Integration des Buchungskalenders steht ein Beispiel, bei dem die Belegungsübersicht im Tabellenformat verwendet wird, zur Verfügung.

4x2-Tabelle      1x3-Tabelle      Tabelle ausblenden


Eine Tabelle mit x=4 Spalten und y=2 Zeilen ab dem aktuellen Monat erhalten Sie mit dem folgenden DIV:

<div 'Ihre Attribute ...'>
<iframe scrolling="no" frameborder="0" src="http://Pfad_zum_Ordner_OBS/OBS/miniTAB.php?id=domizil@IhrObjekt&amp;x=4&amp;y=2&amp;links=1" style="display: none; width: 624px; height: 294px; margin: 5px;" id="belegTAB"></iframe>
'Ihr Inhalt...'
</div>

Die Links zum Ein-/Ausblenden dieser Tabelle erhalten Sie folgendermaßen:

<p style="text-align: left;"><a href="#" onclick="javascript:document.getElementById('belegTAB').style.display='block';return false;">Tabelle einblenden</a>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <a href="#" onclick="javascript:document.getElementById('belegTAB').style.display='none';return false;">Tabelle ausblenden</a></p>

nach oben
Aktualisiert ( Sontag, 19. Februar 2012 21:27 )