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

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

irbees2008 irbees2008 Опубликовано - 20 - апреля HTML5
2242 - 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йту: 4402 дня
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 662
  • Онлайн всего: [5]
  • Гости: [3]
  • Поисковики: [2] Google, Яндекс
  • Были сегодня : [2] Google, Яндекс
  • SQL запросов: 29
  • Генерация страницы: 0.392сек
  • Потребление памяти: 5.152 Mb 
  •   Яндекс.Метрика