Scroll-Multi-Übersicht als erstes Element des Content-Bereichs
Bei diesem 2-Spalten-Layout passt die Scroll-Belegungsübersicht in keine der beiden Spalten. Deshalb muss die Scroll-Belegungsübersicht absolut positioniert eingebunden und mit der Funktion 'abs_freeOnTop()' Freiraum über den sonst verdeckten Elementen geschaffen werden. Drei Elemente sind sichtbar, die restlichen können per Scrollbar erreicht werden. Die Objekte der Scroll- Belegungsübersicht haben einen Link zum Öffnen des Buchungsformulars auf der gleichen Seite.
Der zugehörige HTML-Code wird am Ende der Seite angezeigt.
Objekt Fewo Berg, 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.
Objekt Buttje, Uferpromenade 2, 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.
Objekt Wald, Forstweg 44, 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.
HTML-Code des Content-Bereiches
Hinweise zum Einfügen der Scroll-Multi-Belegungsübersicht in Ihre Seite
Die farblich markierten Zeilen stellen die zur Einbindung der Scroll-Multi-Belegungsübersicht notwendigen Teile dar, wobei manche <p>- bzw. <div>-Tags und Abstände zwischen den Absätzen layoutbedingt automatisch eingefügt wurden.
Diese Zeilen müssen Sie an die entsprechende Stelle in Ihrer Seite kopieren, die rot markierten Teile müssen Sie durch die Werte Ihrer Installation ersetzen (Pfad zum Ordner OBS, evt. Objektnamen).
Durch die Zeilen wird die Bibliothek (1.Zeile), das Buchungsformular (3. und 4. Zeile) unsichtbar und die Scroll-Multi-Belegungsübersicht (6. und 7. Zeile) sichtbar eingebunden.
Evt. vorhandene Zeilenumbrüche in diesen Bereichen sind durch das Layout bedingt und sollten vermieden werden.
In der OnBuSys-JS-Bibliothek werden die eingefügten Teile ausführlich beschrieben, zusätzlich erhalten Sie hier Hinweise zu den Parametern der Funktion in der 5. Zeile:
abs_freeOnTop("235px","main","primary","secondary","");
"235px" ist der Default-Wert der Höhe des Freiraums über den entsprechenden Elementen
"main" ist die ID des DIV-Containers, der die Spalten des Layouts umfasst
"primary": Das Element mit dieser ID erhält einen Freiraum von 235px (Default-Wert)
"secondary": Das Element mit dieser ID erhält einen Freiraum von 235px (Default-Wert)
"": Der 5. Parameter wird hier nicht verwendet
Beginn des Quellcodes der Demoseite
<p>
<script type="text/javascript" src="http://onbusys.de/101/OBS/obs_lib.js"></script>
<script type="text/javascript">
var belbuchkal = new belbuchkal(250,0,556,"background-color:#ffffff;border:0px solid #909090",true);
belbuchkal.erstelle();
addLoadEvent(function(){abs_freeOnTop("235px","main","primary","secondary","");});
var multibeldiv1 = new abs_multibeldiv("onbusys.de/101","",6,2,860,"left:40px","top:10px","de-DE");
multibeldiv1.erstelle();
</script>
</p>
<p>
<strong>Scroll-Multi-Übersicht als erstes Element des Content-Bereichs</strong>
</p>
<p>
<strong>Bei diesem 2-Spalten-Layout passt die Scroll-Belegungsübersicht in keine der beiden Spalten. Deshalb muss die Scroll-Belegungsübersicht absolut positioniert eingebunden und mit der Funktion 'abs_freeOnTop()' Freiraum über den sonst verdeckten Elementen geschaffen werden. Drei Elemente sind sichtbar, die restlichen können per Scrollbar erreicht werden. Die Objekte der Scroll-Belegungsübersicht haben einen Link zum Öffnen des Buchungsformulars auf der gleichen Seite.<br />
Der zugehörige HTML-Code wird am Ende der Seite angezeigt.</strong>
</p>
<hr style="color:#cccccc; width:100%; margin:4px 0px 14px 0px;" />
<p id="objekt-1">
<strong>Objekt Fewo Berg, Strandweg 4, 12345 Urlaubsort</strong>
</p>
<p>
<img alt="" height="150" src="https://onbusys.de/101/OBS/Demos/AppHaus.jpg" style="float:right;margin-left:5px; margin-bottom:3px;" width="200" />
</p>
<p>
In diesem Objekt befinden sich zwei Appartements, AppMuschel und AppSeestern.<br />
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.<br />
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.
</p>
<hr style="color:#cccccc; width:100%; margin:4px 0px 14px 0px;" />
<p>
<strong>Objekt Buttje, Uferpromenade 2, 12345 Urlaubsort</strong>
</p>
<p>
<img alt="" height="150" src="https://onbusys.de/101/OBS/Demos/AppSeestern.jpg" style="float:right;margin-left:5px; margin-bottom:3px;" width="200" />
</p>
<p>
Erdgeschosswohnung mit ca. 45 qm reiner Wohnfläche, Terrasse(Südseite) mit Gartenmöbeln und Sonnenschirm, Garten, massiver separater Abstellraum für Fahrräder.<br />
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.<br />
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.
</p>
<hr style="color:#cccccc; width:100%; margin:4px 0px 14px 0px;" />
<p>
<strong>Objekt Wald, Forstweg 44, 12345 Urlaubsort</strong>
</p>
<p>
<img alt="" height="150" src="https://onbusys.de/101/OBS/Demos/Wald.jpg" style="float:right;margin-left:5px; margin-bottom:3px;" width="200" />
</p>
<p>
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.<br />
Ganzjährige Vermietung, Gaszentralheizung.<br />
Mehrfamilienhaus in zentraler Lage in einer ruhigen Nebenstrasse.<br />
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.<br />
Es stehen drei Fahrräder und ein Bollerwagen kostenlos zur Verfügung, der Parkplatz befindet sich direkt vor dem Haus.
</p>