*******************************************************
* MGM EASYBUCHEN als iframe in eine Website einbinden *
*******************************************************
Version 9.21.14.1 - 2025-07-03
1) Entpacken Sie die easybuchen-iframe.zip!
2) Passen Sie die folgenden Definitionen in der Datei easybuchen-iframe.js an:
// URL zum Easybuchen-Tool:
var iframeSrc = 'https://demov2.easybuchen.info/';
// Farbe der Warte-Animation:
var waitAnimColor = "#017F39";
Weitere Einstellungsmöglichkeiten siehe easybuchen-iframe.js.
3) Laden Sie die Dateien easybuchen-iframe.js und easybuchen-iframe.css auf den Server Ihrer Website!
Sie können die Dateien auch woanders als in den vorgegebenen /lib - Ordner speichern,
wenn Sie die Pfadangabe im nächsten Schritt dementsprechend anpassen.
4) Binden Sie die beiden Dateien in den - Bereich Ihrer Website ein (auf der Seite, auf der das Easybuchen-Tool angezeigt werden soll).
Passen Sie die Pfadangaben Ihrem Webprojekt entsprechend an! Absolute und relative Pfade sind erlaubt.
5) Fügen Sie an der Stelle, an der das Easybuchen-Tool erscheinen soll, folgenden Code ein:
als zusätzliche Parameter können hier angegeben werden:
- data-lang: Sprachenauswahl
- data-arr: Arrangement-Vorauswahl
- data-von: Von-Datum (YYYY-MM-DD)
- data-bis: Bis-Datum (YYYY-MM-DD)
z.B.:
(Hinweis für Entwickler: Wenn Sie diese Parameter dynamisch (durch JavaScript) setzen, stellen Sie sicher, dass:
* die Attribute bereits gesetzt sind, wenn das easybuchen-iframe.js - Skript aufgerufen wird und
* dass die Attribute mittels nativem JavaScript getAttribute('data-xyz') gelesen werden können.
Verwenden Sie zum Setzen der Werte also JS setAttribute() oder jQuerys .attr() und nicht die .data()-Methode! )
6) Laden Sie Ihre Seite neu! Das Easybuchen-Tool sollte jetzt geladen werden.
Falls es nicht gleich angezeigt wird, löschen Sie etwaige Caches Ihres Webprojekts und Ihren Browser-Cache!
Sollten Sie noch weitere Fragen, Anregungen oder Probleme haben, wenden Sie sich bitte an support@mgm.at!