Guia comercial

[celsojcr 0]

Boa tarde, não se se esse é o local especifico, mas estou com um problema, um cliente quer montar um guia comercial ae tudo certo fiz como ele queria, mas estou tendo problema para "esconder o telefone" igual o site OLX, Bom Negócio faz.

 

veja

 

O meu

 

 

OLX

 

[Ted k' 126]

CSS ou JavaScript, ai você escolhe, irei lhe encaminhar para a área de CSS

[L. Henrique 179]

var variavel = str.match(/.{1,6}/g).join("...");

$('#id_da_sua_div').html(variavel);

Chama o número no id, faz ele buscar de 1 a 6 e após o sexto número ele adiciona reticências. Depois é só excluir os demais com um substr.

[celsojcr 0]

CSS ou JavaScript, ai você escolhe, irei lhe encaminhar para a área de CSS

JavaScript

[celsojcr 0]

var variavel = str.match(/.{1,6}/g).join("...");

$('#id_da_sua_div').html(variavel);

Chama o número no id, faz ele buscar de 1 a 6 e após o sexto número ele adiciona reticências. Depois é só excluir os demais com um substr.

 

não entendi muito bem, vou lhe mostrar o código que fiz

 

<span class="short-phone-number">

<?php $key="telefone"; echo get_post_meta($post->ID, $key, true, 0, 5);?>...</span>

<span class="long-phone-number"><?php $key="telefone";echo get_post_meta($post->ID,$key,true);?></span>

<span class="show-long-number-button">Ver número</span>

<script type="text/javascript">

jQuery('.show-long-number-button').click(function(){

jQuery(".show-long-number-button").css("display", "none");

jQuery(".short-phone-number").css("display", "none");

jQuery(".long-phone-number").css("display", "block");

});

</script>