v2.5.2
Giriş yap

getbutton ile oluşturduğum .js kodunu nasıl düzenleyeceğim

yazilimyolcusu
482 defa görüntülendi ve 1 kişi tarafından değerlendirildi

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);
})();

'''

abdullahx
839 gün önce

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)

Link