****************************************************
* Include MGM EASYBUCHEN as an iframe in a website *
****************************************************
Version 9.21.14.1 - 2025-07-03
1) Unpack easybuchen-iframe.zip!
2) Adjust these definitions in the file easybuchen-iframe.js:
// URL to the Easybuchen tool:
var iframeSrc = 'https://demov2.easybuchen.info/';
// color of the waiting animation:
var waitAnimColor = "#017F39";
More settings options are available in the easybuchen-iframe.js
3) Upload the files easybuchen-iframe.js and easybuchen-iframe.css to your web server!
You can save the files elsewhere than in the default /lib folder,
if you adjust the path accordingly in the next step.
4) Include the two files in the area of your website (on the page where the Easybuchen tool should be displayed).
Adapt the path to your web project accordingly! Absolute and relative paths are allowed.
5) Insert the following code at the place in the webpage where you want the Easybuchen tool to appear:
the following additional parameters can be specified here:
- data-lang: language selection
- data-arr: Arrangement pre-selection
- data-von: from date (YYYY-MM-DD)
- data-bis: to date (YYYY-MM-DD)
eg:
(Note to developers: If you set these parameters dynamically (through JavaScript), make sure that:
* The attributes are already set when the easybuchen-iframe.js script is called and
* that the attributes can be read using native JavaScript getAttribute('data-xyz').
So you can use JS setAttribute() or jQuerys .attr(), but not the .data() method to set the values! )
6) Reload your page! The Easybuchen tool should now get loaded.
If it does not appear immediately, delete any caches from your web project and your browser cache!
If you have any further questions, suggestions or problems, please contact us at support@mgm.at!