Хаки и Скрипты Next Generation CMS

Делаем активный номер телефона

irbees2008 irbees2008 Опубликовано - 20 - апреля HTML5
2397 - 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки

Делая страничку визитку клиенту надо было сделать активным номер телефона, чтобы клиент смог кликнув по номеру сразу набрать его. Ну я как всегда принялся искать варианты . Первое что мне попалось это сервисы обратного звонка, но связываться с ними нет желания. Далее попался вариант с HTML5 ,где все просто и лаконично, проверил на смартфоне, работает .

Итак приступим,для того чтобы кликать можно было и по телефонным номерам и тут же набирать их, мы будем использовать атрибут tel: .

Код:
<a href="tel:01234567890">01234 567 890</a>

333333333 нажми меня чтобы позвонить
Мы получили кликабельные телефонные номера вместо простого статичного текста.

Также можно сделать номер ссылкой для Skype, чтобы ссылка открывалась в Skype, вам нужно будет изменить атрибут tel: на callto: .

Код:
<a href="callto:3333333333">333333333</a>
333333333 нажми меня чтобы позвонить

Также можно сделать и с контактным email, в параметре ссылки href нужно просто прописать Mailto:.

Код:
<a href="mailto:[email protected]">Example Email</a>
Example Email нажми меня чтобы написать хозяину

При клике эта ссылка открывает почтовый клиент и создает новое письмо с уже указанным адресом.

Можешь почитать и вот эту статейку "Спрятать блок на мобилках"

Опрос

Ваше мнение

Какие темы вам интереснее?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4704 дня
  • Новостей: 580
  • Комменты: 257
  • Зарегистрированно : 692
  • Онлайн всего: [45]
  • Гости: [45]
  • SQL запросов: 28
  • Генерация страницы: 0.371сек
  • Потребление памяти: 5.157 Mb 
  •   Яндекс.Метрика