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

Question

[Soho]

Добрый день! Подскажите как можно реализовать скрытие номера телефона у объявления, а при нажатии он отображался. Пример Показать телефон (Avito) и пример на olx +38xxxxxxxxxx

Сайт на движке WP, может есть какие-то готовые решения?

Answer 1

[IceJOKER]

На avito.ru в виде изображения выводится номер, а на другом сайте через ajax, что есть хороший вариант.
При нажатии отправляете ajax запрос, на сервере обрабатываете и выводите номер, а далее просто вставляете в нужный блок полученные данные.

$('#show_number').click(function(){
  $.post('/get_number.php', {item_id : ITEM_ID}, function(res){
    //тут можете всякие условия написать, то ли мы получили..
    $('#phone_block').text(res);
    $('#show_number').hide(); //его также можно убрать сразу при нажатии, чтоб дважды не нажимали или дисаблить после нажатия или или или
  });
});

^^^
как-то так

Comments

[Soho]

Благадарю

[IceJOKER]

focuspro: you're welcome )

[RushV]

Здравствуйте!
Вот это строка что делает?

$.post('/get_number.php', {item_id : ITEM_ID}, function(res){

И в этом файле что прописывается какой код?
/get_number.php

Answer 2

[Soho]

<script>
function showTooltip()
   {
           var myDiv = document.getElementById('tooltip');
           var myLink = document.getElementById('link');
  if(myDiv.style.display == 'none')
        {
           myDiv.style.display = 'block';
           myLink.style.display = 'none';
} 

else {
           myDiv.style.display = 'none';
}
return false;
}</script>
<a href='javascript:;' onclick=showTooltip() id="link"> +38xxx-xxx-xx-xx </a>
<div id=tooltip style='display: none'><?php echo $agent_mobile; ?></div>

Вот решение. Может кому пригодится.

Comments

[Evervess]

Такие номера отлично соберутся любым граббером. Их под кнопкой прячут от роботов, а не от людей. IceJOKER выше правильно ответил.

[Soho]

они были вообще не закрыты, целью такой реализации было, отслеживание кол-во просмотров номера. Метрика - Цели

Answer 3

[keslo]

Думаю, что это стоит реализовать на JavaScript, а не на CSS.