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>

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопрос - платное размещение баннеров на сайте
10 WGN 3194 14.12.2020, 14:20
автор: Peterson
Открытая тема (нет новых ответов) Вопрос по рекламе в "инстаграме"
Только активные аккаунты могут создавать или редактировать рекламу
8 Zubkov 16058 17.1.2020, 17:49
автор: Forumacc
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВопрос-ответ о работе форума
307 dos1k 43341 9.11.2019, 17:59
автор: heks
Открытая тема (нет новых ответов) Жена логопед, собрался ей приводить клиентов. Встал вопрос, куда приводить.
В теме перечисление доступного мне продвижения, но с чего начать?
9 memeplex 3730 16.2.2019, 15:45
автор: zyzy
Открытая тема (нет новых ответов) Предлагаю размещение качественных ссылок на форумах и сервисах вопрос ответ
21 ПроФФи 5034 2.3.2018, 20:56
автор: ShowPrint


 



RSS Текстовая версия Сейчас: 25.4.2024, 21:24
Дизайн