X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Добавить ответ в эту тему
> Вопрос по кнопке с телефоном, Rfr изменить код и сделать ссылку tel:
KM_
KM_
Topic Starter сообщение 30.1.2021, 15:11; Ответить: KM_
Сообщение #1


Всем привет, подскажите пожалуйста, на сайте есть кнопка со скрытым телефоном, при клике по ней телефон показывается

Страница https://clck.ru/T3bJF

Кнопка тут https://monosnap.com/file/av6XhmxQh9If3JAY6imajA7yj2Ow8R

Код кнопки в шаблоне:

Код
<button class="visible-phone" type="button" onclick="$(this).html('{{preg_replace('/\+7([0-9]{3})([0-9]{3})([0-9]{2})([0-9]{2})/', '+7 (${1}) ${2}-${3}-${4}', $item->profile->phone)}}')">Показать телефон</button>


Подскажите пожалуйста как изменить код кнопки для использования активной ссылки href="tel:


--------------------
Тексты для сайта беру тут, недорого и качественно
Лучший виртуальный хостинг тут с онлайн поддержкой!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tedder
tedder
сообщение 14.3.2021, 1:54; Ответить: tedder
Сообщение #2


KM_, как вариант - добавьте класс, а на него уже событие
Что-то типа такого:

<button class="visible-phone" type="button" onclick="$(this).html('{{preg_replace('/\+7([0-9]{3})([0-9]{3})([0-9]{2})([0-9]{2})/', '+7 (${1}) ${2}-${3}-${4}', $item->profile->phone)}}').addClass('active_tel')">Показать телефон</button>

$(".active_tel").click(function (event) {
event.preventDefault();
document.location.href="tel:'"+$(this).text()+"'\"";
});

Еще проще, переделайте свой button в обычный span и меняйте его html содержимое как угодно - тогда можно будет по onclick сразу вписывать обычную ссылку вида: <a href="tel:...">...</a>, только придется продублировать номер телефона для href и для текста

Сообщение отредактировал tedder - 14.3.2021, 1:57
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Deort
Deort
сообщение 3.5.2021, 14:13; Ответить: Deort
Сообщение #3


Может быть вот так? Т.е. и телефон и иконка и ссылка
<div class="phone">
<div class="phone__icon">
<a href="tel:+1111111111"><img src="1.png" alt=""></a>
</div>
<span class="phone__number"> 11 111 1111 111</span>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВопрос по аудиту сайта: Ресурсы с кодом состояния 4xx, Битые ссылки
4 dron2 165 12.5.2021, 19:09
автор: Trumper
Открытая тема (нет новых ответов) Вопрос о статьях из Вебархива.
23 kuz999 1638 6.4.2021, 20:22
автор: NormanSky
Открытая тема (нет новых ответов) Вопрос по индексу скорости работы сайта в Вебмастере
9 Kiloan_Frost 702 24.3.2021, 14:58
автор: serg5777
Открытая тема (нет новых ответов) WordPress рассматривает вопрос отказа от поддержки IE 11💀
11 PostBrigada 1007 23.3.2021, 10:43
автор: tedder
Открытая тема (нет новых ответов) Вопрос: как лучше и правильнее сделать url
5 annetkas 754 12.3.2021, 18:31
автор: GlazAlmaz


 



RSS Текстовая версия Сейчас: 14.5.2021, 16:58
Дизайн