getbutton ile oluşturduğum .js kodunu nasıl düzenleyeceğim
Merhabalar. Arkadaşlar aşağıdaki .js kodunu, telefonda çıkamayacak şekilde responsive olarak ayarlamak istiyorum. Nasıl yapabilirim acaba?
'''js
(function () {
var options = {
call: "0 000 000 00 00", // Call phone number
whatsapp: "0 000 000 00 00", // WhatsApp number
call_to_action: "Nasıl yardımcı olabilirim?", // Call to action
button_color: "#FF6550", // Color of button
position: "left", // Position may be 'right' or 'left'
order: "call,whatsapp", // Order of buttons
};
var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host;
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})();
'''
Yine ilginç bir soru, tam anlayamadım ama yapmak istediğiniz bu tarz bir şey mi?
(function (mobile) {
var options = {
call: "0 000 000 00 00", // Call phone number
whatsapp: "0 000 000 00 00", // WhatsApp number
call_to_action: "Nasıl yardımcı olabilirim?", // Call to action
button_color: "#FF6550", // Color of button
position: "left", // Position may be 'right' or 'left'
order: "call,whatsapp", // Order of buttons
};
var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host;
var s = document.createElement('script'); s.async = true; s.src = url + '/widget-send-button/js/init.js';
s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
if (!mobile) // Eğer sadece masaüstünde çıkmasını istiyorsan
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})(window.navigator.userAgentData.mobile);
let interval = setInterval(() => {
let elem = document.querySelector("div[id^='gb-widget']")
if (elem !== null) {
clearInterval(interval)
let button = document.createElement("button")
button.id = 'toggleButton'
button.style.position = 'fixed'
button.style.right = '1px'
button.style.bottom = '1px'
button.style.cursor = 'pointer'
button.innerText = 'Aç/Kapat'
document.body.appendChild(button)
const toggleDisplay = (trigger, target) => {
let defaultDisplay = window.getComputedStyle(target).getPropertyValue('display')
trigger.addEventListener('click', () => {
target.style.display =
(target.style.display === 'none') ?
defaultDisplay :
'none'
})
}
toggleDisplay(button, elem)
}
}, 200)