Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите спрятать элемент на странице (https://javascript.ru/forum/dom-window/76508-pomogite-spryatat-ehlement-na-stranice.html)

Virusx2000 18.01.2019 15:32

Помогите спрятать элемент на странице
 
Здравствуйте.

Ситуация следующая, есть кнопка CallBack от конторы чьей телефонией мы пользуемся. На странице он отображается вот так:
постоянно эта кнопка висит на загруженных страницах и при нажатии на нее вызывается диалог в который нужно вводить номер для "перезвона"

Вот скрипт:

<script type="text/javascript">
var ZCallbackWidgetLinkId  = 'ab3dea4d1b2343eec3adbc3a32473175';
var ZCallbackWidgetDomain  = 'my.zadarma.com';
(function(){
    var lt = document.createElement('script');
    lt.type ='text/javascript';
    lt.charset = 'utf-8';
    lt.async = true;
    lt.src = 'https://' + ZCallbackWidgetDomain + '/callbackWidget/js/main.min.js';
    var sc = document.getElementsByTagName('script')[0];
    if (sc) sc.parentNode.insertBefore(lt, sc);
    else document.documentElement.firstChild.appendChild(lt);
})();
</script>


Нужно как-то спрятать отображение этой плавающей кнопки на странице и привязать вызов диалога с обычной ссылки или картинки на странице.
Спрятать мне не удается, знаний и навыков не хватает. А вызов я попробовал таким методом:

<a href="javascript:ZCallbackWidget.showCallback();">
    ссылка для вызова диалога
</a>


Помогите пожалуйста спрятать плавающую кнопку на странице! :help: :help: :help:

Malleys 18.01.2019 17:59

Ссылка предназначена для перехода на страницу, и предоставляемый ею функционал в данном случае вам не нужен. Для вашей цели подойдёт кнопка! А плавающая кнопка скрывается при помощи CSS объявления display: none

Пример целиком...
<script type="text/javascript">
var ZCallbackWidgetLinkId  = 'ab3dea4d1b2343eec3adbc3a32473175';
var ZCallbackWidgetDomain  = 'my.zadarma.com';
(function(){
    var lt = document.createElement('script');
    lt.type ='text/javascript';
    lt.charset = 'utf-8';
    lt.async = true;
    lt.src = 'https://' + ZCallbackWidgetDomain + '/callbackWidget/js/main.min.js';
    var sc = document.getElementsByTagName('script')[0];
    if (sc) sc.parentNode.insertBefore(lt, sc);
    else document.documentElement.firstChild.appendChild(lt);
})();
</script>
<style>#zcwMiniButton{display:none!important;}</style>
<button onclick="ZCallbackWidget.showCallback();">
	кнопка для вызова диалога
</button>

Virusx2000 18.01.2019 18:49

Malleys,
Огромное человеческое СПАСИБО!!!

Теперь все встало на свои места и будет работать!


Часовой пояс GMT +3, время: 05:11.