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

'''

yazilimyolcusu
839 gün önce

Aşağıdaki kodu şekilde çalıştırdım. Ama 1200 çözünürlükte de sildi. Bana sadece "600" çözünürlükte lazım. Yani hemen aşağıdaki kodla beraber kullanımı lazım.

'''javascript

var x = window.matchMedia("(max-width: 600px)")
myFunction(x)
x.addListener(myFunction)
<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);
    }
    
    setTimeout(function(x){
    // Bu #willRemove id'li script tag'ı kendini 10 milisaniye sonra imha edecek...
    document.getElementById('willRemove').remove();
    },10))();
</script>

'''