| OnBuSys - Integeration der Belegungsübersichten |
|
|
|
|
Insgesamt stehen Ihnen vier verschiedene Belegungsübersichten zur Verfügung:
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. Darstellung im separaten FensterDie 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. <a href="#" onclick="window.open('http://Pfad_zum_Ordner_OBS/OBS/belegung.php?id=domizil&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&links=0&lan=fr-FR','', 'top=0,left=10,scrollbars=yes,resizable=yes');return false;">Belegungsübersicht</a>
<a href="#" onclick=" window.open('http://Pfad_zum_Ordner_OBS/OBS/belegung.php?id=domizil&links=0&ofeld=Objekt1,Objekt2,Objekt3','', 'top=0,left=10,scrollbars=yes,resizable=yes');return false;">Belegungsübersicht</a>
<a href="#" onclick="window.open('http://Pfad_zum_Ordner_OBS/OBS/belegung.php?id=domizil&links=1&ofeld =Objekt1,Objekt2,Objekt3','','top=0,left=10,scrollbars=yes,resizable=yes');return false;">Belegungsübersicht</a> 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. Der Parameter 'links=2' kann allerdings nur verwendet werden, wenn OnBuSys in der gleichen Domain installiert wird, in der Sie auch Ihre Objekte anbieten. Das Verfahren wird in 'Integrieren -> Buchungskalender' anhand von Demos erläutert.
Wenn Sie zusätzlich den Parameter 'date', z.B. 'date=7-2009' (Monat ohne führende 0) verwenden, startet die Belegungsübersicht mit dem betreffenden Datum, im Beispiel im Juli 2009. Ohne diesen Parameter oder wenn das Datum bereits abgelaufen ist, wird das aktuelle Datum verwendet. <a href="#" onclick="window.open('http://Pfad_zum_Ordner_OBS/OBS/belegung.php?id=domizil&links=1&ofeld =Objekt1,Objekt2,Objekt3&date=7-2009','','top=0,left=10,scrollbars=yes,resizable=yes');return false;">Belegungsübersicht</a>
Darstellung im IFRAMEWenn Sie die Belegungsübersicht in Ihre Homepage integrieren wollen, können Sie dazu sogenannte iframes verwenden. Die Parameter sind wie oben zu verwenden. Sie können wie folgt vorgehen: Platzieren Sie zunächst folgende Javascript-Funktion in den head-Bereich Ihrer Seite: <script type="text/javascript"> function zeige() { if (document.getElementById('demo').style.display=='block') { document.getElementById('demo').style.display='none'; } else { frames.ifr.location.reload(); document.getElementById('demo').style.display='block'; } </script>
Dann müssen Sie folgenden html-Code in Ihre Seite an der Stelle einfügen, an der die Belegungsübersicht erscheinen soll.
<div id= "demo" style="display:none;"> Den Wert von 'height' bei 'style' müssen Sie an die Anzahl der Objekte anpassen. Bei drei Objekten beträgt der Wert 110px und für jedes weitere Objekt ist dieser Werte um 18px zu ändern. Die andere Werte können Sie nach Ihren Erfordernissen ändern.
Schließlich benötigen Sie noch einen Link, mit dem die Javascript-Funktion 'zeige()' aufgerufen wird. Hier wurde dies mit einem Button realisiert: <input type="button" value="Belegungsügersicht An/Aus" onclick="javascript:zeige()">
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:
Die einzelnen Parameter sind wie folgt zu verwenden, wobei die Reihenfolge beizubehalten ist:
Sie können die gleiche Javascript-Funktion und den gleichen html-Code wie oben verwenden. Allerdings verändert sich hier 'height' um 16px pro Objekt. Die Belegungsübersicht im MiniformatZur Darstellung der Belegungsübersicht direkt bei der Präsentation eines Objekts auf Ihrer Webseite kann der Belegungskalender im Miniformat 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: Wenn Sie das folgende Quellcodefragment direkt kopieren, müssen Sie unbedingt das Leerzeichen zwischen 'id=' und 'domizil' entfernen, das sich nach dem Kopiervorgang ergibt. <div 'Ihre Attribute ...'> <iframe scrolling="no" frameborder="0" src="http://Pfad_zum_Ordner_OBS/OBS/minibelegung.php?id= domizil@IhrObjekt&links=0" style="display: none; width: 152px; 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>  und   <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 TabellenformatWenn 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. Statt 'minibelegung.php' muss das Skript 'miniTAB.php' verwendet werden. Zusätzlich müssen Sie hier noch die Parameter x (Anzahl der Spalten) und y (Anzahl der Zeilen) verwenden und die Breite und Höhe des DIVs anpassen. 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 ...'> 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>          <a href="#" onclick="javascript:document.getElementById('belegTAB').style.display='none';return false;">Tabelle ausblenden</a></p> |
| Aktualisiert ( Dienstag, 27. Juli 2010 19:31 ) |