单击以显示电话号码,然后单击以拨打电话

时间:2019-07-14 15:56:39

标签: javascript html

我需要创建函数:

1)点击时显示隐藏的html(电话号码)

2)在显示手机号码后,它必须是可点击的,以便我们可以通过手机拨打电话

这是我的代码:

<div class="category-list-title">
  <h5>
   <a href="javascript:void(0)" class="number" data-last="<?php echo get_post_meta($pid, '_carspot_poster_contact', true ); ?>">
    <span><?php echo esc_html__('Click to View', 'carspot' ); ?>
    </span>
   </a>
  </h5>
</div>

1 个答案:

答案 0 :(得分:0)

您只需要php即可获取数据,在这种情况下为电话号码。

所以这不是php问题,而是html和javascript ...

所以,这是一个例子:

HTML:

<div class="category-list-title">
<a id="show" href="#" onclick="show();">View phone</a><br>
<!-- Similar to mailto you tel in html this will allow you to make a call directly -->
<a id="phone" href="tel:555-555-5555">555-555-5555</a>
</div>

CSS:

#phone {
  display: none;
}

JavaScript:

document.getElementById("show").onclick = function() {show()};

function show() {
  document.getElementById("phone").style.display="block";
}

或jQuery:

$('#show').click(function(){$('#phone').show();});

JSF例子中间: https://jsfiddle.net/bm93s2Lc/2/