| OnBuSys - Widgets |
|
|
|
|
Damit Sie OnBuSys in einfacher Weise in Ihre Homepage, auf der Sie Ihre Objekte anbieten, integrieren können, werden Ihnen im Folgenden einige sogenannte Widgets zur Verfügung gestellt. Dies sind Javascript Codefragmente, die Sie lediglich an geeigneter Stelle in den Seitenquelltext Ihrer Homepage kopieren müssen. Dabei ist zusätzlich nur erforderlich, dass Sie bei einigen wenigen Variablen die Werte an Ihre speziellen Gegebenheiten anpassen müssen, was ausführlich an den entsprechenden Stellen kommentiert ist. So müssen Sie den Pfad_zum_Ordner_OBS in einer bestimmten Form eingeben. Bei den ersten drei Varianten können Sie zum Testen die Codesequenzen in beliebige eigene html-Seiten einfügen. OnBuSys muss dafür nicht auf Ihrem Server installiert sein, hier werden die Objekte der Demoseite von OnBuSys verwendet. Variante 1: Buchungskalender beim Objekt Variante 2: Minibelegungskalender beim Objekt mit oder ohne Link für einen separaten Buchungskalender Auf der Demoseite sind zwei Buchungskalender integriert: - ein 1x1 - Belegungskalender mit Buchungslink am linken Rand - ein 3x2 - Belegungskalender ohne Buchungslinks am rechten Rand Variante 3: Belegungskalender für mehrere Objekte mit oder ohne Link für einen separaten Buchungskalender Im Gegensatz zu den vorangehenden Varianten, bei denen der Buchungskalender in einem separaten Fenster geöffnet wird, wird bei den folgenden vier Varianten der Buchungskalender in der gleichen Seite geöffnet und behält beim Scrollen seine Position bzgl. des Bildschirms bei. Mithilfe einer Variablen in dem Skript für den Buchungskalender kann man einstellen, ob die Seite grau und inaktiv wird während der Buchungskalender geöffnet ist. In der Voreinstellung (wie hier bei den Demos) ist die Seite grau und inaktiv. Bei diesen Varianten müssen zwei Javascript Codefragmente verwendet werden:
Variante 4: Minibelegungskalender beim Objekt mit Link für einen Buchungskalender in der gleichen Seite Auf der Demoseite sind zwei Belegungskalender integriert: - ein 1x1 - Belegungskalender am linken Rand - ein 3x2 - Belegungskalender am rechten Rand Variante 5: Belegungskalender für mehrere Objekte mit Link für einen Buchungskalender in der gleichen Seite Hier sind alle Objekte in einer Tabelle sichtbar. Variante 6: Belegungskalender für mehrere Objekte mit Link für einen Buchungskalender in der gleichen Seite Hier können Sie festlegen, wie viele Objekte in der Tabelle sichtbar sein sollen, die weiteren erreichen Sie via Scrollbar. Variante 7: Entspricht der Variante 5 und ist für CMS (Joomla, TYPO3, ...)- und Do-It-Yourself Homepages vorgesehen Bei der Integration der Belegungsübersicht in eine CMS- oder Do-It-Yourself Homepage kann das Problem auftreten, dass der Belegungskalender wegen seiner Breite nicht in das fest vorgegebenen Spalten-Layout der Seite passt. In der Beispielseite wird eine Möglichkeit aufgezeigt, wie man trotzdem die Belegungsübersicht in solche Homepages einfügen kann. Unten sehen Sie die beispielhafte Einfügung der Belegungsübersicht bei dem Zwei-Spalten-Layout dieses Joomla-CMS.
|
| Aktualisiert ( Sontag, 26. Februar 2012 19:23 ) |