Здравствуйте, подскажите кто знает как сделать небольшой скрипт кнопка позвонить, чтобы при нажатии на нее появлялось окошко, где три номера телефона на которые посетитель сайта наживает и тем самим идет вызов. Номера телефонов у меня на сайте и так кликабельные но хочу сделать еще и кнопку. На втором своем сайте я сделал через стили без скриптов кнопочку с одним номером телефона:
@media (max-width: 767px) {
#popup__toggle{bottom:25px;right:10px;position:fixed;z-index:999;}
.img-circle{background-color:#4CAF50;box-sizing:content-box;-webkit-box-sizing:content-box;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:62px;height:62px;bottom: 2px;right: 8px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:63px;height:72px;background-image:url('../images/mini.png');background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
}
и добавил в футер код:
<a href="tel:+38097111111" id="popup__toggle"><div class="circlephone" style="transform-origin: center;"></div><div class="circle-fill" style="transform-origin: center;"></div><div class="img-circle" style="transform-origin: center;"><div class="img-circleblock" style="transform-origin: center;"></div></div></a>
Обратите внимание нужна кнопка вызов, а не обратный звонок. На скриншотах прикрепил образец как выглядит это скрипт на других сайтах