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

Objekt Elfer, Strandweg 4, 12345 Urlaubsort

In diesem Objekt befinden sich zwei Appartements, AppMuschel und AppSeestern.
Diese Appartements können einzeln gebucht werden, Sie können aber auch das ganze Haus buchen, wobei Sie dann einen aus der Preisinfo ersichtlichen Rabatt erhalten. Die Beschreibung der Appartements finden Sie unten.
6.8 km vom Meer, an einer Nebenstrasse gelegen. Zur Mitbenutzung: Grundstück, Garten. Im Hause: Zentralheizung. Parkplatz beim Haus. Lebensmittelgeschäft 250 m, Supermarkt 1.4 km, Restaurant 1.3 km, Cafe 1.2 km, Bushaltestelle 600 m, Bahnstation 'Norden' 1.5 km. Freibad 6.8 km, Hallenbad 4 km, Sandstrand, Strandbad 6.8 km, Tennis, Tennishalle 4.7 km, Reitstall 200 m. Im 200 m entfernten Reitstall können nach Absprache und gegen Gebühr eigene Pferde in Gastboxen untergebracht werden.

mehr Info...


Objekt Wald, Strandweg 4, 12345 Urlaubsort

3-Zimmer-Wohnung 50 qm, im Erdgeschoss, schön eingerichtet: Wohnzimmer mit Kabel-TV, Radio. 1 Zimmer mit 2 Betten. 1 Doppelzimmer. Küche (Backofen, Mikrowelle) mit Esstisch. Dusche/WC. Gartensitzplatz. Terrassenmöbel.
6.8 km vom Meer, an einer Nebenstrasse gelegen. Zur Mitbenutzung: Grundstück, Garten. Im Hause: Zentralheizung. Parkplatz beim Haus. Lebensmittelgeschäft 250 m, Supermarkt 1.4 km, Restaurant 1.3 km, Cafe 1.2 km, Bushaltestelle 600 m, Bahnstation 'Norden' 1.5 km. Freibad 6.8 km, Hallenbad 4 km, Sandstrand, Strandbad 6.8 km, Tennis, Tennishalle 4.7 km, Reitstall 200 m. Im 200 m entfernten Reitstall können nach Absprache und gegen Gebühr eigene Pferde in Gastboxen untergebracht werden.

mehr Info...


Objekt Buttje, Strandweg 4, 12345 Urlaubsort

Erdgeschosswohnung mit ca. 45 qm reiner Wohnfläche, Terrasse(Südseite) mit Gartenmöbeln und Sonnenschirm, Garten, massiver separater Abstellraum für Fahrräder.
Die Wohnung besteht aus einem Wohn-Esszimmer mit einer Küchenzeile, einem Schlafzimmer mit Doppelbett, Kleiderschrank und Kinderbett, einem Bad mit WC und Dusche, einer Garderobe und einem Abstellraum. Das Ausziehsofa der Eckgarnitur im Wohnzimmer bietet zwei weitere Schlafgelegenheiten.
6.8 km vom Meer, an einer Nebenstrasse gelegen. Zur Mitbenutzung: Grundstück, Garten. Im Hause: Zentralheizung. Parkplatz beim Haus. Lebensmittelgeschäft 250 m, Supermarkt 1.4 km, Restaurant 1.3 km, Cafe 1.2 km, Bushaltestelle 600 m, Bahnstation 'Norden' 1.5 km. Freibad 6.8 km, Hallenbad 4 km, Sandstrand, Strandbad 6.8 km, Tennis, Tennishalle 4.7 km, Reitstall 200 m. Im 200 m entfernten Reitstall können nach Absprache und gegen Gebühr eigene Pferde in Gastboxen untergebracht werden.

mehr Info...


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.

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("172px","wrap","sidebar","content","");});
  6. var multibel1 = new abs_multibel("onbusys.de/101","Elfer,Wald,Buttje,Berg",4,2,10,800,"left:70px","top:175px","de-DE");
  7. multibel1.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("172px","wrap","sidebar","content","");})
"172px"Die DIV-Container mit den IDs "sidebar" und "content" werden um 172px nach unten verschoben: margin-top: 172px
"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 Belegungskalender erzeugt und sichtbar in die Seite eingebunden.
Bedeutung der Parameter:
Erläuterungen zu: abs_multibel("onbusys.de/101","Elfer,Wald,Buttje,Berg",4,2,10,800,"left:70px","top:175px","de-DE")
"onbusys.de/101"Pfad_zum_Ordner_OBS ohne 'http://', aber mit 'www.' falls im Pfad_zum_Ordner_OBS enthalten
"Elfer,Wald,Buttje,Berg"Namen der Objekte, für die der Belegungskalender dargestellt werden soll, Leerstring "" für alle Objekte
4Anzahl der Objekte
2Darstellungsmöglichkeit für das Buchungsformular: 0: keine Darstellung, 1: im sep. Fenster, 2: im gleichen Fenster
10Breite des internen Rands um die Belegungsübersicht in px
800Breite des Belegungskalenders in px
"left:70px"x-Position des Belegungskalenders bzgl. des übergeordneten Elements*. Stattdessen kann auch z.B. "right:85px" verwendet werden
"top:175px"y-Position des Belegungskalenders bzgl. des übergeordneten Elements*. Stattdessen kann auch z.B. "bottom:10px" verwendet werden
"de-DE"Sprache, in der der Belegungskalender 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