JSFiddle - React, Tailwind, and code Playground
HTML
<body bgcolor="#999999">
<div id="Feedbacks">
</div>
<br /><br />
<div id="A">
</div>
<div id="B">
</div>
</body>
CSS
#A, #B {
width:500px;
height:300px;
margin-left: auto;
margin-right: auto;
}
JavaScript
var Resengo = (function () {
// constructor
var Resengo = function resengo(settings) {
jQuery = window.jQuery;
getWidget();
// private class variable
var settings = settings;
var pageContainer;
function getWidget() {
jQuery(document).ready(function ($) {
/******* Create and add loader *******/
if (settings.ElementID) {
pageContainer = document.getElementById(settings.ElementID);
} else {
pageContainer = document.body;
}
/******* Load HTML *******/
var url;
if (settings.ElementID) {
carouselWidth = $('#' + settings.ElementID).outerWidth();
}
if (settings.ElementID) {
carouselHeight = $('#' + settings.ElementID).outerHeight();
}
if (settings.Time) {
doOpenReservationPopup = settings.Time * 1000;
}
if (settings.Language) {
language = settings.Language;
}
url = '/echo/html/';
var delay = 0;
if(settings.Call == 'A') {
delay = 1;
}
$.ajax({
url: url,
type: 'POST', // form submit method get/post
data: {
html: "<p>Text echoed back to request</p>",
delay: delay
},
dataType: 'html', // request type html/json/xml
success: function (data) {
renderWidget(data);
}
});
});
};
function renderWidget(html) {
if (pageContainer) {
pageContainer.innerHTML += html;
...