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

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

irbees2008 irbees2008 Опубликовано - 20 - апреля HTML5
2335 - 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 нажми меня чтобы написать хозяину

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

Можешь почитать и вот эту статейку "Интересная реализация меню для сайта"

Опрос

Ваше мнение

TWIG -что это?
Результаты

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

Теги

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

Статистика

  • Caйту: 4615 дней
  • Новостей: 568
  • Комменты: 257
  • Зарегистрированно : 673
  • Онлайн всего: [5]
  • Гости: [5]
  • Были сегодня : [2] Яндекс, Google
  • SQL запросов: 31
  • Генерация страницы: 0.286сек
  • Потребление памяти: 5.159 Mb 
  •   Яндекс.Метрика