dokxpi

Как после клика сделать номер ссылкой?

Рекомендованные сообщения

https://jsfiddle.net/5uv8v33v/1/

ПС. 1. идеально было бы ссылку показать/выводить ссылкой, после клика- номер ссылкой..
К сожалению сейчас не вовсех мобильных браузерах, нынешняя конструкция, ссылка/номер кликабельна
ПС. 2. нужно для отслеживание кликов в Яндекс.Метрике

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

плохой способ скрывания номера, я его все равно вижу, ну а боты и подавно (а скрывать как раз от них нужно)
лучше всего использовать шифрование или подгрузку через ajax https://jsfiddle.net/tm0xwjp0/

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Как вариант при выводе часть строки кодировать в base64 и сохранять, к примеру, в data атрибуте, а при клике раскодировать обратно и вставить в нужное место.

console.log(window.btoa('+380 (95) 632-42-51'));// вернет "KzM4MCAoOTUpIDYzMi00Mi01MQ=="
console.log(window.atob("KzM4MCAoOTUpIDYzMi00Mi01MQ=="));// вернет "+380 (95) 632-42-51"

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
16 часов назад, Switch74 сказал:

плохой способ скрывания номера, я его все равно вижу, ну а боты и подавно (а скрывать как раз от них нужно)
лучше всего использовать шифрование или подгрузку через ajax https://jsfiddle.net/tm0xwjp0/

Клик по по кнопке с мобильного - номер отобразился

Клик по номеру с мобильного - номер не набрался

 

Это можно поправить?

16 часов назад, wwt сказал:

Как вариант при выводе часть строки кодировать в base64 и сохранять, к примеру, в data атрибуте, а при клике раскодировать обратно и вставить в нужное место.


console.log(window.btoa('+380 (95) 632-42-51'));// вернет "KzM4MCAoOTUpIDYzMi00Mi01MQ=="
console.log(window.atob("KzM4MCAoOTUpIDYzMi00Mi01MQ=="));// вернет "+380 (95) 632-42-51"

 

Я не знаю как это использовать,

если можно покажите пример

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

для того чтобы в мобильном набиралось нужно сделать ссылку вида: <a href="tel:+1234567890">

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
46 минут назад, wwt сказал:

может тогда так

https://jsfiddle.net/5uv8v33v/5/

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
5 минут назад, Николя223 сказал:

может тогда так

https://jsfiddle.net/5uv8v33v/5/

да без разницы, этож пример, можно изменить как угодно.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

https://jsfiddle.net/7ngnvr49/
А как прикрутить onclick к кнопке "Показать"?

onclick='yaCounter42664049.reachGoal(&apos;target_1&apos;); return true;'

<script type='text/javascript'>//<![CDATA[ window.onload = function() { yaCounter42664049.reachGoal('target_1') } //]]></script>


Нужно отслеживать клики по кнопке "ПОКАЗАТЬ"

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
$('.sh_nmr').click(function(){
	yaCounter42664049.reachGoal('target_1');
	//остальной код обработчика
});

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: WebNewbe
      Здравствуйте. Я занимаюсь версткой сайтов: лендингов, интернет-магазинов, флаеров и тп. Ищу работу, для набора опыта и заработка первых денег на данной позиции.

       Мое портфолио:
      https://alex2033.github.io/sites/BlackDone/index.html
      https://alex2033.github.io/sites/Sandeo/index.html
      https://alex2033.github.io/sites/Barbershop/index.html
      https://alex2033.github.io/sites/Skylith/index.html
      https://alex2033.github.io/sites/Unicorn/index.html
      https://alex2033.github.io/sites/Bouncy/index.html
      Остальные работы вы можете посмотреть здесь:
      https://alex2033.github.io/
      Навыки:
      - Знание HTML5, CSS3
      - Опыт адаптивной, семантической, кроссбраузерной верстки
      - CSS3 анимация
      - знания Javascript на уровне jQuery
      - Использование препроцессоров LESS/SASS/Stylus + Pug
      - Опыт работы в Adobe Photoshop, Illustrator, Zeplin, Avocode
      - Именование классов по методологии БЭМ-нейминг
      - Gulp, npm, bower
      - Умение работать с сетками (bootstrap 3+, foundation, flexboxgrid)
      - Умение работать с фреймворками bootstrap 3, 4, foundation
      - Знание английского на уровне чтения документации
      - Навык работы с векторной графикой SVG
      - Умение использовать flexbox, css-grid там где это необходимо
      Форма связи:
      Email - XoxlofAlexandr@yandex.ru - преимущественно
      Skype - Xronaliz
      Также можете написать на этом сайте
      Благодарю за внимание и хорошего дня:)
    • Автор: Theweb
      Добрый!
      Не могу заставить работать переход с одной страницы на определенную вкладку на другой. Переход на страницу осуществляется, но всегда остается открыта первая вкладка. 
      Подскажите в чем может быть проблема... Заранее очень благодарен! 
      Страница с вкладками - HTML (/ceny):
      <ul class="nav nav-tabs nav-justified" role="tablist"> <li class="active"><a href="#tab37" role="tab" data-toggle="tab" aria-expanded="true">Консультация</a></li> <li class=""><a href="#tab41" role="tab" data-toggle="tab" aria-expanded="false">Ортодонтия</a></li> <li class=""><a href="#tab61" role="tab" data-toggle="tab" aria-expanded="false">Лаборатория</a></li> </ul> <div class="tab-pane fade active in" id="tab37"> <p>Контент 1</p> </div> <div class="tab-pane fade" id="tab41"> <p>Контент 2</p> </div> <div class="tab-pane fade" id="tab61"> <p>Контент 3</p> </div> Страница с которой нужно перейти имеет ссылку:
      <a href="https://site.by/ceny/#tab_tab61">ЦЕНЫ</a> пробывал <a href="https://site.by/ceny#tab_tab61">ЦЕНЫ</a> <a href="/ceny/#tab_tab61">ЦЕНЫ</a>  Использовал скрипт:
      // Javascript to enable link to tab var hash = document.location.hash; var prefix = "tab_"; if (hash) { hash = hash.replace(prefix,''); var hashPieces = hash.split('?'); activeTab = $('.nav-tabs a[href=' + hashPieces[0] + ']'); activeTab && activeTab.tab('show'); } // Change hash for page-reload $('.nav-tabs a').on('shown', function (e) { window.location.hash = e.target.hash.replace("#", "#" + prefix); }); На сайте используется Bootstrap v3.3.7.
    • Автор: Oloref
      Здравствуйте, подскажите пожалуйста, нормально ли будет, если для адаптивного меню я буду использовать два меню в html коде, а не одно, стили которого меняются только в медиа-запросах css?
      И если кому не трудно, можете скинуть код готового меню, которое вы используете.

Карта разработчиков

Карта участников

Отметь себя на карте для поиска или предложения работы