window.onload = function () { var popperElm = document.createElement('script'); popperElm.src = 'https://unpkg.com/@popperjs/core@2'; document.body.appendChild(popperElm); var tippyElm = document.createElement('script'); tippyElm.src = 'https://unpkg.com/tippy.js@6'; document.body.appendChild(tippyElm); var widgets = document.querySelectorAll('#skinsort-widget'); var url = window.location.href var styleIncluded = false; widgets.forEach(widget => { var product = widget.getAttribute("data-product"); var type = widget.getAttribute("data-type"); var style = widget.getAttribute("data-style"); if(style != 'false' && styleIncluded == false) { var link = document.createElement('link'); link.innerHTML = '' document.head.appendChild(link); styleIncluded = true; } fetch('https://skinsort.com/widgets/' + product + '/?type=' + type + '&url=' + url, { method: 'GET' }) .then(response => { if (response.status !== 200) { console.log('SkinSort Widget: Looks like there was a problem. Status Code: ' + response.status); return; } return response.text(); }) .then(html => { widget.innerHTML = html; tippy('[data-tippy-content]', { placement: 'bottom' }); }); }); } function toggle(className, displayState){ var elements = document.getElementsByClassName(className) for (var i = 0; i < elements.length; i++){ elements[i].style.display = displayState; } } function hide_button(id) { var e = document.getElementById(id); e.style.display = 'none'; }