ocultar numeros de telefonos

[Alexis88]

Supongo que datos como el número de teléfono serán extraídos de una base de datos. De ser así y si estás trabajando con PHP del lado del servidor, puedes usar la función substr con la cual puedes tomar una parte del texto, la cual posteriormente mostrarías.

Código PHP:

$numero = '5571033';
echo substr($numero, 0, 3) . '...';
 

El resultado sería: 557...

El primer parámetro es la cadena de texto, el segundo es la posición desde la cual obtendrás la parte de la cadena y el tercero es el total de caracteres a tomar.

Y si deseas hacerlo con JavaScript, existe un método con el mismo nombre.

Para lo otro, puedes tener un atributo personalizado que almacene el número completo y, cuando se le dé un clic al elemento que lo contenga, tomas el valor almacenado en el atributo y lo colocas en lugar del texto recortado.

Código HTML:

<label id = "numero" data-numero = "5571033">557...</label>
 

Código Javascript:

document.querySelector("#numero").addEventListener("click", function(){
    this.innerHTML = this.dataset.numero;
}, false);
 

Un saludo