Ir ao conteúdo
  • Cadastre-se
guilhermetb

Javascript Posicionar icone java script na tela

Posts recomendados

Ola, gostaria de ajuda com este script.
Não tenho muito conhecimento em programação porém tentei algumas coisas sem sucesso:
- Por entre <div> e manipular por css
- Tentei por dentro do script usando position
- Deixando o div class fora e tentando chamar dentro do script

O que preciso seria posicionar o icone do lado direto, um pouco acima do rodapé pois em certo momento uma barra sobe e o icone fica por cima.
Uma coisa mais arrojada seria o icone subir junto com a barra porém acabei desconsiderando por acreditar ser mais difícil, sendo assim o primeiro modo ja fica bom.

O código do script é:

<!-- WhatsHelp.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            facebook: "facebookid", // Facebook page ID
            whatsapp: "+55XXXXXXXXXXX", // WhatsApp number
            email: "email@contato.com.br", // Email
            sms: "XXXXXXXXXXX", // Sms phone number - Somente Mobile
//          line: "Whatshelp", // Line QR code URL
//          call: "XX-XXXXXXXXX", // Call phone number
//          viber: "Whatshelp", // Call viber - Somente Mobile
//          snapchat: "Whatshelp", // Snapchat
//          telegram: "Whatshelp", // Telegram
//          vkontakte: "Whatshelp", // Vkontakte
            company_logo_url: "https://www.site.com.br/logo.png", // URL of company logo (png, jpg, gif)
            greeting_message: "Bem vindo ...", // Text of greeting message
            call_to_action: "Entre em contato", // Call to action
//          button_color: "#000000", // Preto
            button_color: "#129BF4", // Azul
            position: "right", // Position may be 'right' or 'left'
            order: "facebook,whatsapp,email" // Order of buttons
        };
        var proto = document.location.protocol, host = "whatshelp.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);
    })();
</script>
<!-- /WhatsHelp.io widget -->

Quem puder me ajudar agradeço!

Compartilhar este post


Link para o post
Compartilhar em outros sites

@guilhermetb  Poderia tentar um objeto aqui

button_color: "#000000", // Preto
button_color: "#129BF4", // Azul

Assim:

button_color: {preto : "#000", azul : "#129bf4"}

Duas propriedades com o mesmo nome pode ser um erro.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Adriano_web Boa tarde! Não entendi muito a linha de raciocinio mais o botão preto esta comentado no código com // , neste caso não esta sendo executado.

 

// button_color: "#000000", // Preto

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

GRÁTIS: minicurso “Como ganhar dinheiro montando computadores”

Gabriel TorresGabriel Torres, fundador e editor executivo do Clube do Hardware, acaba de lançar um minicurso totalmente gratuito: "Como ganhar dinheiro montando computadores".

Você aprenderá sobre o quanto pode ganhar, como cobrar, como lidar com a concorrência, como se tornar um profissional altamente qualificado e muito mais!

Inscreva-se agora!