DIV id="wrap"
DIV id="content"

Objekt Berg, Strandweg 4, 12345 Urlaubsort

3-Zimmer-Wohnung 50 qm im 1. Stock: Wohn-/Esszimmer mit Satelitten-TV, Radio. 1 Zimmer mit 2 Betten. 1 Zimmer mit 1 x 2 Etagenbetten. Kochnische. Dusche/WC.
Ganzjährige Vermietung, Gaszentralheizung.
Mehrfamilienhaus in zentraler Lage in einer ruhigen Nebenstrasse.
Im Hause: Fahrstuhl, Zentralheizung. Supermarkt 100 m, Restaurant, Cafe 50 m, Bushaltestelle 150 m. Freibad 1.1 km, Hallenbad 7.6 km, Sandstrand 1.2 km, Golfplatz 46 km, Reitstall 1.5 km.
Es stehen drei Fahrräder und ein Bollerwagen kostenlos zur Verfügung, der Parkplatz befindet sich direkt vor dem Haus.

weiterer text
weiterer text
weiterer text
weiterer text
weiterer text
weiterer text
weiterer text
weiterer text
weiterer text
weiterer text
weiterer text
weiterer text
weiterer text

mehr Info...


Um das Online-Buchungssystem OnBuSys in die Seite zu integrieren, wurden im html-Code folgende Änderungen durchgeführt:

Der folgende Anweisungsblock wurde in den DIV-Container mit der id="wrap" (ohne Zeilennummern!) eingefügt:

  1. <script type="text/javascript" src="//onbusys.de/101/OBS/obs_lib.js"></script>
  2. <script type="text/javascript">
  3. var belbuchkal = new belbuchkal(250,20,556,"background-color:#ffffff;border:0px solid #909090",true);
  4. belbuchkal.erstelle();
  5. addLoadEvent(function(){abs_freeOnTop("301px","wrap","sidebar","content","");});
  6. var beljahrkal = new abs_beljahr("onbusys.de/101","Berg",12,10,10,"ums_taggenau",2,"1-2013",770,"left:80px","top:173px","de-DE");
  7. beljahrkal.erstelle();
  8. </script>

Bei einer CMS-Seite müssen Sie beim Bearbeiten der Seite den Editor in den HTML- oder Quellcode-Modus schalten und den
Anweisungsblock an den Anfang des Editbereichs kopieren.

Die Parameter im Anweisungsblock sind an die Gegebenheiten auf der Seite anzupassen.
Beachten Sie hierzu die nachfolgenden Erläuterungen:

Durch die 1. Zeile wird die OnBuSys-Bibliothek 'obs_lib.js' in die Seite eingebunden. Diese Bibliothek ist standardmäßig
im Ordner OBS vorhanden und stellt die für die Integration von OnBuSys notwendigen Klassen und Funktionen zur Verfügung.
Normalerweise ist diese Zeile in den head-Bereich der Seite einzufügen. Da hier eine CMS-Seite simuliert werden soll,
bei der der Zugriff auf den head-Bereich etwas kompliziert sein kann, wurde hier dieser Ort gewählt.
Der Wert bei 'src' muss auf Ihre Verhältnisse angepasst werden.

Mithilfe der 3. und 4. Zeile wird das Buchungsformular erzeugt und unsichtbar in die Seite eingebunden.
Bedeutung der Parameter:
Erläuterungen zu: belbuchkal(250,20,556,"background-color:#ffffff;border:0px solid #909090",true)
250Abstand des Buchungsformulars vom linken Rand in px
20Korrekturwert für die automatisch berechneten vertikale Position des Buchungsformulars in px
556Höhe des Buchungskalenders in px, normalerweise nicht zu ändern
"background-color:#ffffff;border:0px solid #909090;"Hintergrund, Rand und Randfarbe des IFrames
trueVerdunklung des Hintergrundes nach dem Öffnen des Buchungsformulars: ja: true, nein: false

In der 5. Zeile wird mithilfe Funktion 'addLoadEvent(function(){abs_freeOnTop()})' der für den Belegungskalender
notwendigen Freiraum im DIV-Container mit der id="sidebar" und im DIV-Container mit der id="content" am oberen Ende erzeugt.
Bedeutung der Parameter:
addLoadEvent(function(){abs_freeOnTop("301px","wrap","sidebar","content","");})
"301px"Die DIV-Container mit den IDs "sidebar" und "content" werden um 301px nach unten verschoben: margin-top: 301px
"wrap"Der DIV-Container mit dieser ID erhält das CSS-Style-Attribut 'position: relative' (keine Aktion bei einem Leerstring "")
"sidebar"Der Spalten-DIV-Container mit dieser ID wird nach unten verschoben (keine Aktion bei einem Leerstring "")
"content"Der Spalten-DIV-Container mit dieser ID wird nach unten verschoben (keine Aktion bei einem Leerstring "")
""Leerstring "", da es bei diesem Layout nur zwei Spalten gibt

Mithilfe der 6. und 7. Zeile wird der Jahresbelegungskalender erzeugt und sichtbar in die Seite eingebunden.
Bedeutung der Parameter:
Erläuterungen zu: abs_beljahr("onbusys.de/101","Berg",12,10,10,"ums_taggenau",2,"1-2013",770,"left:80px","top:173px","de-DE")
"onbusys.de/101"Pfad_zum_Ordner_OBS ohne 'http://', aber mit 'www.' falls im Pfad_zum_Ordner_OBS enthalten
"Berg"Namen des Objektes, für das der Jahresbelegungskalender dargestellt werden soll
12Anzahl der sichtbaren Monate, die weiteren können per Scrollbar erreicht werden
10Abstand der Jahresübersicht vom oberen Rand des internen DIV-Containers in px (margin-top:10px)
10Abstand der Jahresübersicht vom linken Rand des internen DIV-Containers in px (margin-left:10px)
"ums_taggenau"Der Umsatz soll bei Buchungen, die mehrere Monate tangieren, anteilsmäßig auf diese verteilt werden (nur im Adminbereich wirksam)
2Darstellungsmöglichkeit für das Buchungsformular: 0: keine Darstellung, 1: im sep. Fenster, 2: im gleichen Fenster
"1-2013"Startmonat für den Kalender, bei einem Leerstring wird der Startmonat entsprechend der Einstellungen auf der Adminseite gewählt
770Breite des Jahresbelegungskalenders in px
"left:80px"x-Position des Jahresbelegungskalenders bzgl. des übergeordneten Elements*. Stattdessen kann auch z.B. "right:85px" verwendet werden
"top:173px"y-Position des Jahresbelegungskalenders bzgl. des übergeordneten Elements*. Stattdessen kann auch z.B. "bottom:10px" verwendet werden
"de-DE"Sprache, in der der Jahresbelegungskalender gestartet wird
*
Das übergeordnete Element des Belegungskalenders ist der DIV-Container, der mithilfe der 5. Zeile eingefügt wurden, bei
dieser Seite also der DIV-Container mit der ID "wrap". Bitte beachten Sie, dass als übergeordnetes Element nur ein solcher
DIV-Container gewählt werden kann, dessen Breite sich über die gesamte Breite des Dokuments erstreckt.

Beachten Sie weiter:
left: Abstand vom linken Rand des übergeordneten Elements
right: Abstand vom rechten Rand des übergeordneten Elements
top: Abstand vom oberen Rand des übergeordneten Elements
bottom : Abstand vom unteren Rand des übergeordneten Elements