JSFiddle - React, Tailwind, and code Playground

by shapeshifta

HTML

<a class="inline-booking" href="#book" data-hotelid="upskuehlungsborn" data-anktt="8" data-ankmm="4" data-tage="8" data-anzerw="1">Jetzt buchen</a>
<br />
<iframe id="target" width="700" height="500"></iframe>

JavaScript

$('html').attr('lang', 'de'); //auf deutsch setzen, da jsfiddle das nicht macht

$('a.inline-booking').click(function (e) {
    var url = 'https://www.caesar-data.com/cgi-bin/buchen1_fh.cgi?';
    var data = $(this).data();
    var params = {
        request: '',
        spr: $('html').attr('lang').substr(0, 1), //Sprache
        hotel_id: data.hotelid, //Hotelseite
        modus: 'quick-res', //Keine Ahnung
        anktt: data.anktt, //tag
        ankmm: data.ankmm, //Monat
        tage: data.tage, //Ăśbernachtungen
        anzahl_erw: data.anzerw //Personen
    };

    $('#target').prop('src', url + $.param(params));
    e.preventDefault;
});