https://www.officialgriff.com/sites/g/files/g2000022106/files/custom_js_1.js?cache=69720a9bcc3b9

1function onLoadHandler() {
2		document.getElementById('drawer-frame').style.display = "block";
3	}
4
5
6document.addEventListener('DOMContentLoaded', function () {
7
8  var iframeEle = document.createElement('iframe');
9    iframeEle.src = '';
10    iframeEle.setAttribute('src', '');
11    iframeEle.setAttribute('width', '30%');
12    iframeEle.setAttribute('height', '1000px');
13    iframeEle.setAttribute('id', 'drawer-frame');
14    iframeEle.setAttribute('onload', 'onLoadHandler();');
15    var drawerEleCreate = document.createElement('div');
16    drawerEleCreate.setAttribute('id', 'drawer-wrap')
17    drawerEleCreate.appendChild(iframeEle);
18    document.body.prepend(drawerEleCreate);
19
20
21    var closeBtnCreate = document.createElement('div');
22    var menuSpanCreate = document.createElement('span');
23    closeBtnCreate.setAttribute('id', 'close-btn');
24    closeBtnCreate.style.display = 'none';
25    closeBtnCreate.appendChild(menuSpanCreate);
26    var menuSpanCreate2 = menuSpanCreate.cloneNode(true);
27    closeBtnCreate.appendChild(menuSpanCreate2);
28    document.body.prepend(closeBtnCreate);
29
30
31
32    var drawerOverlayCreate = document.createElement('div');
33    drawerOverlayCreate.setAttribute('id', 'drawer-overlay');
34    drawerOverlayCreate.style.display = 'none';
35    document.body.prepend(drawerOverlayCreate);
36
37
38
39      var linkEle = document.getElementsByClassName('linkfire-btn');
40    var linkEleLen = linkEle.length;
41    var drawerWrap = document.getElementById('drawer-wrap');
42    var bodyEle = document.querySelector('body');
43    var drawerEle = document.getElementById('drawer-frame');
44    var htmlEle = document.querySelector('html');
45    var drawerOverlayEle = document.getElementById('drawer-overlay');
46    var closeBtnEle = document.getElementById('close-btn');
47    for (let i = 0; i < linkEleLen; i++) {
48
49        linkEle[i].onclick = function (e) {
50            e.preventDefault();
51
52            var thisEleAttr = e.target.getAttribute("href");
53
54            drawerOverlayEle.style.display = 'block';
55            closeBtnEle.style.display = 'block';
56            drawerEle.setAttribute('src', thisEleAttr);
57
58            drawerWrap.classList.add("show-drawer");
59
60            bodyEle.classList.remove('drawer-on');
61            bodyEle.classList.remove('drawer-off');
62
63            htmlEle.classList.add('drawer-mainwrap');
64
65            setTimeout(function () {
66                var closeEle = document.getElementById('close-btn');
67                closeEle.classList.add('close-anime');
68
69            }, 1);
70
71        };
72    }
73
74    var overlayElems = document.querySelectorAll('#drawer-overlay, #close-btn');
75    var overlayElemsLen = overlayElems.length;
76    for (let j = 0; j < overlayElemsLen; j++) {
77        overlayElems[j].onclick = function (e) {
78            e.preventDefault();
79            drawerWrap.classList.remove('show-drawer');
80            bodyEle.classList.remove('drawer-on');
81            bodyEle.classList.remove('drawer-off');
82            htmlEle.classList.remove('drawer-mainwrap');
83
84
85            setTimeout(function () {
86                closeBtnEle.style.display = 'none';
87                drawerEle.setAttribute('src', '');
88
89                drawerOverlayEle.style.display = 'none';
90                drawerEle.style.display = 'none';
91            }, 500);
92            closeBtnEle.classList.remove('close-anime');
93        }
94    }
95      
96    });