v2.5.2
Giriş yap

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

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

'''

ebykdrms
807 gün önce

O zaman ekran genişliğini kontrol edip öyle çalıştırın.

<script id="willRemove">
    (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);
    })();
    
    // Ekran genişliği 600px veya altındaysa silinsin...
    if(window.innerWidth <= 600) {
        setTimeout(function(){
            // Bu #willRemove id'li script tag'ı kendini 10 milisaniye sonra imha edecek...
            document.getElementById('willRemove').remove();
        },10);
    }
</script>