{"id":163,"date":"2013-09-02T18:12:29","date_gmt":"2013-09-02T16:12:29","guid":{"rendered":"http:\/\/onbusys.de\/wp101\/?page_id=163"},"modified":"2015-06-27T13:21:45","modified_gmt":"2015-06-27T11:21:45","slug":"abs-mini-uebersicht-in-der-sidebar","status":"publish","type":"page","link":"https:\/\/onbusys.de\/wp101\/mini-belegungsuebersicht-vorlage\/abs-mini-uebersicht-in-der-sidebar\/","title":{"rendered":"ABS-Mini-\u00dcbersicht in der Sidebar einer bestimmten Seite"},"content":{"rendered":"<div>\n\t<script type=\"text\/javascript\" src=\"https:\/\/onbusys.de\/101\/OBS\/obs_lib.js\"><\/script><script type=\"text\/javascript\">\nvar belbuchkal = new belbuchkal(250,0,556,\"background-color:#ffffff;border:0px solid #909090\",true);\nbelbuchkal.erstelle();\naddLoadEvent(function(){abs_freeOnTop(\"190px\",\"main\",\"text-3\",\"\",\"\");});\nvar minikal = new abs_belmini(\"onbusys.de\/101\",\"Berg\",2,1,1,\"right:50px\",\"top:80px\",\"de-DE\")\nminikal.erstelle();\n<\/script>\n<\/div>\n<p>\n\t<strong>Hier wird die Tabelle als absolut positioniertes Element in der Sidebar einer bestimmten Seite zwischen dem Suchfeld und dem Hinweis eingebunden. Dazu muss der Hinweis mit der Funktion &#39;abs_freeOnTop()&#39; nach unten verschoben werden. Der Kalender hat einen Link zum &Ouml;ffnen des Buchungsformulars auf der gleichen Seite.<br \/>\n\tDer zugeh&ouml;rige HTML-Code wird am Ende der Seite angezeigt.<br \/>\n\tWenn die Tabelle in der Sidebar aller Seiten angezeigt werden soll, kann der Code der vorangehenden Beispiele &uuml;ber ein Text-Widget eingebunden werden.<\/strong>\n<\/p>\n<hr style=\"color:#cccccc; width:100%; margin:4px 0px 14px 0px;\" \/>\n<p>\n\t<strong>Objekt Fewo Berg, Strandweg 4, 12345 Urlaubsort<\/strong>\n<\/p>\n<p>\n\t<img decoding=\"async\" loading=\"lazy\" alt=\"\" height=\"150\" src=\"https:\/\/onbusys.de\/101\/OBS\/Demos\/Berg.jpg\" style=\"float:right;margin-left:5px; margin-bottom:3px;\" width=\"200\" \/>\n<\/p>\n<p>\n\tIn diesem Objekt befinden sich zwei Appartements, AppMuschel und AppSeestern.<br \/>\n\tDiese Appartements k&ouml;nnen einzeln gebucht werden, Sie k&ouml;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 \/>\n\t6.8 km vom Meer, an einer Nebenstrasse gelegen. Zur Mitbenutzung: Grundst&uuml;ck, Garten. Im Hause: Zentralheizung. Parkplatz beim Haus. Lebensmittelgesch&auml;ft 250 m, Supermarkt 1.4 km, Restaurant 1.3 km, Cafe 1.2 km, Bushaltestelle 600 m, Bahnstation &#39;Norden&#39; 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&ouml;nnen nach Absprache und gegen Geb&uuml;hr eigene Pferde in Gastboxen untergebracht werden.<br \/>\n\tLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n<\/p>\n<h3>\n\tHTML-Code des Content-Bereiches<br \/>\n<\/h3>\n<p>\n\tHinweise zum Einf&uuml;gen der Mini-Belegungs&uuml;bersicht in Ihre Seite\n<\/p>\n<p>\n\tDie <span style=\"color:#FF8C00;\">farblich markierten Zeilen<\/span> stellen die zur Einbindung der Mini-Belegungs&uuml;bersicht notwendigen Teile dar, wobei manche &lt;p&gt;- bzw. &lt;div&gt;-Tags und Abst&auml;nde zwischen den Abs&auml;tzen layoutbedingt automatisch eingef&uuml;gt wurden.<br \/>\n\tDiese Zeilen m&uuml;ssen Sie an die entsprechende Stelle in Ihrer Seite kopieren, die <span style=\"color:#FF0000;\">rot<\/span> markierten Teile m&uuml;ssen Sie durch die Werte Ihrer Installation ersetzen (Pfad zum Ordner OBS, Objektname).<br \/>\n\tDa die Mini-Belegungs&uuml;bersicht au&szlig;erhalb des Content-Bereiches absolut positioniert wird, muss mit der Funktion &#39;abs_freeOnTop(&quot;190px&quot;,&quot;main&quot;,&quot;text-3&quot;,&quot;&quot;,&quot;&quot;,&quot;&quot;);&#39; ein Freiraum von 190px &uuml;ber dem Hinweisfeld geschaffen werden. &#39;text-3&#39; ist in diesem Layout die ID des Hinweisfeldes, &#39;main&#39; die ID des umfassenden DIV-Containers. Diese IDs m&uuml;ssen in Ihrer Seite ggf. angepasst werden.<br \/>\n\tEvt. vorhandene Zeilenumbr&uuml;che in diesem Bereich sind durch das Layout bedingt und sollten vermieden werden.\n<\/p>\n<p>\n\tIn&nbsp;der <a href=\"https:\/\/onbusys.de\/101\/demo\/integration\/bibliothek\" target=\"_blank\">OnBuSys-JS-Bibliothek<\/a> werden die eingef&uuml;gten Teile ausf&uuml;hrlich beschrieben.\n<\/p>\n<p>\n\tBeginn des Quellcodes der Demoseite\n<\/p>\n<p>\n\t&lt;div&gt;<br \/>\n\t<span style=\"color:#FF8C00;\">&lt;script type=&quot;text\/javascript&quot; src=&quot;http:\/\/<\/span><span style=\"color:#FF0000;\">onbusys.de\/101<\/span><span style=\"color:#FF8C00;\">\/OBS\/obs_lib.js&quot;&gt;&lt;\/script&gt;<br \/>\n\t&lt;script type=&quot;text\/javascript&quot;&gt;<br \/>\n\tvar belbuchkal = new belbuchkal(250,0,556,&quot;background-color:#ffffff;border:0px solid #909090&quot;,true);<br \/>\n\tbelbuchkal.erstelle();<br \/>\n\taddLoadEvent(function(){abs_freeOnTop(&quot;190px&quot;,&quot;main&quot;,&quot;text-3&quot;,&quot;&quot;,&quot;&quot;,&quot;&quot;);});<br \/>\n\tvar minikal = new abs_belmini(&quot;<\/span><span style=\"color:#FF0000;\">onbusys.de\/101<\/span><span style=\"color:#FF8C00;\">&quot;,&quot;<\/span><span style=\"color:#FF0000;\">Berg<\/span><span style=\"color:#FF8C00;\">&quot;,2,1,1,&quot;right:50px&quot;,&quot;top:80px&quot;,&quot;de-DE&quot;)<br \/>\n\tminikal.erstelle();<br \/>\n\t&lt;\/script&gt;<\/span><br \/>\n\t&lt;\/div&gt;\n<\/p>\n<p>\n\t&lt;p&gt;<br \/>\n\t&nbsp;&nbsp; &nbsp;&lt;strong&gt;Hier wird die Tabelle als absolut positioniertes Element in der Sidebar einer bestimmten Seite zwischen dem Suchfeld und dem Hinweis eingebunden. Dazu muss der Hinweis mit der Funktion &amp;#39;abs-freeOnTop()&amp;#39; nach unten verschoben werden. Die Kalender haben einen Link zum &amp;Ouml;ffnen des Buchungsformulars auf der gleichen Seite.&lt;br \/&gt;<br \/>\n\t&nbsp;&nbsp; &nbsp;Der zugeh&amp;ouml;rige HTML-Code wird am Ende der Seite angezeigt.&lt;br \/&gt;<br \/>\n\t&nbsp;&nbsp;&nbsp; Wenn die Tabelle in der Sidebar aller Seiten angezeigt werden soll, kann der Code der vorangehenden Beispiele &uuml;ber ein Text-Widget eingebunden werden.&lt;\/strong&gt;<br \/>\n\t&lt;\/p&gt;\n<\/p>\n<p>\n\t&lt;hr style=&quot;color:#cccccc; width:100%; margin:4px 0px 14px 0px;&quot; \/&gt;<br \/>\n\t&lt;p&gt;<br \/>\n\t&nbsp;&nbsp; &nbsp;&lt;strong&gt;Objekt Fewo Berg, Strandweg 4, 12345 Urlaubsort&lt;\/strong&gt;<br \/>\n\t&lt;\/p&gt;\n<\/p>\n<p>\n\t&lt;p&gt;<br \/>\n\t&nbsp;&nbsp; &nbsp;&lt;img alt=&quot;&quot; height=&quot;150&quot; src=&quot;https:\/\/onbusys.de\/101\/OBS\/Demos\/Berg.jpg&quot; style=&quot;float:right;margin-left:5px; margin-bottom:3px;&quot; width=&quot;200&quot; \/&gt;<br \/>\n\t&lt;\/p&gt;\n<\/p>\n<p>\n\t&lt;p&gt;<br \/>\n\t&nbsp;&nbsp; &nbsp;In diesem Objekt befinden sich zwei Appartements, AppMuschel und AppSeestern.&lt;br \/&gt;<br \/>\n\t&nbsp;&nbsp; &nbsp;Diese Appartements k&amp;ouml;nnen einzeln gebucht werden, Sie k&amp;ouml;nnen aber auch das ganze Haus buchen, wobei Sie dann einen aus der Preisinfo ersichtlichen Rabatt erhalten. Die Beschreibung der Appartements finden Sie unten.&lt;br \/&gt;<br \/>\n\t&nbsp;&nbsp; &nbsp;6.8 km vom Meer, an einer Nebenstrasse gelegen. Zur Mitbenutzung: Grundst&amp;uuml;ck, Garten. Im Hause: Zentralheizung. Parkplatz beim Haus. Lebensmittelgesch&amp;auml;ft 250 m, Supermarkt 1.4 km, Restaurant 1.3 km, Cafe 1.2 km, Bushaltestelle 600 m, Bahnstation &amp;#39;Norden&amp;#39; 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&amp;ouml;nnen nach Absprache und gegen Geb&amp;uuml;hr eigene Pferde in Gastboxen untergebracht werden.&lt;br \/&gt;<br \/>\n\t&nbsp;&nbsp; &nbsp;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br \/>\n\t&lt;\/p&gt;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hier wird die Tabelle als absolut positioniertes Element in der Sidebar einer bestimmten Seite zwischen dem Suchfeld und dem Hinweis eingebunden. Dazu muss der Hinweis mit der Funktion &#39;abs_freeOnTop()&#39; nach unten verschoben werden. Der Kalender hat einen Link zum &Ouml;ffnen des Buchungsformulars auf der gleichen Seite. Der zugeh&ouml;rige HTML-Code wird am Ende der Seite angezeigt. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":146,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/onbusys.de\/wp101\/wp-json\/wp\/v2\/pages\/163"}],"collection":[{"href":"https:\/\/onbusys.de\/wp101\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onbusys.de\/wp101\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onbusys.de\/wp101\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onbusys.de\/wp101\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":1,"href":"https:\/\/onbusys.de\/wp101\/wp-json\/wp\/v2\/pages\/163\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/onbusys.de\/wp101\/wp-json\/wp\/v2\/pages\/163\/revisions\/368"}],"up":[{"embeddable":true,"href":"https:\/\/onbusys.de\/wp101\/wp-json\/wp\/v2\/pages\/146"}],"wp:attachment":[{"href":"https:\/\/onbusys.de\/wp101\/wp-json\/wp\/v2\/media?parent=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}