Время для прочтения: 1 мин. 16 сек.

Отключаем плагин Skype Click to Call на сайте

Плагин Skype Click to Call позволяет вам нажатием одной клавиши перейти от просмотра веб-страницы к звонку. На большинстве веб-сайтов и в большинстве браузеров (IE, Firefox, Google Chrome) телефонные номера будут выделены голубыми (бесплатный звонок) и серыми (платный звонок) кнопками.

Плагин замечательный, но есть одно «но» — некоторые строки, не являющиеся телефонными номерами, skype ошибочно распознает и уродует их, напрочь ломая дизайн сайта. Чтобы этого не произошло, можно принудительно отключить это дополнение к браузеру для всего сайта при помощи специальных мета-тегов


<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
<meta content="telephone=no" name="format-detection">

Если же необходимо исключить какой-то конкретный номер, а остальные оставить, то достаточно вставить тег внутри него.


<p>+7 (495) <span style="display:none;">_</span>718-84-11</p>

При копировании, естественно, знак подчёркивания попадет в буфер обмена, а при вставке его нужно будет вручную стирать.

Или же можно использовать какой-нибудь нестандартный тег, например, или тег


<p>+7 (495) <skype></skype>718-84-11</p>

Номер телефона будет без проблем выделяться и копироваться без лишних символов.

В старых версиях Skype фича с мета-тегами не прокатывает. Проанализировав код через Firebug, стало понятно, что плагин оборачивает телефон в с классом skype_pnh_print_container_цифры, после него добавляет с классом skype_pnh_container. Причем ко всем свойствам прописано !important из-за чего не так просто переопределить стили.

Попробуем исправить это поведение при помощи jQuery


$(function() {	
    window.setTimeout(function() {	
        $('span[class^=skype_pnh_print_container_]').removeClass('^skype_pnh_print_container_');
        $('span.skype_pnh_container').remove();
     }, 1000);
});

Ссылки

Пошерить
Запинить
Отправить
Вотсап

Смотрите также

Предыдущая запись

Комментарии