ocultar numeros de telefonos

Jhon Silver · #1 (**permalink**) 13/09/2015, 12:49

Que tal amigos?
Tengo una web de anuncios y necesito que los numeros de telefono se puedan ocultar una pequeña parte es decir:
00000000
Por ejemplo que se vean los tres primeros ceros y el resto de ceros se mantengan ocultos. Posteriormente incluir una opcion que haciendo click se pueda visualizar el numero de telefono completo.
Alguna idea o sugerencia como hacerlo?

Alexis88 · #2 (**permalink**) 13/09/2015, 19:11

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:

Ver original$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:

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

Código Javascript:

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

Un saludo

seoista · #3 (**permalink**) 16/09/2015, 03:49

Código HTML:

Ver original<html>
    <head>
        <title>Prueba</title>
    <script type="text/Javascript">
    
    // Guardar el número y una copia con las XXXX
    var numero = "900.00.00.00";
    var numeroParcial = numero.substring(0, 4) + "xx.xx.xx";
    
    // se ejcuta al cargar
   function init(){
         // poner el numero parcial de entrada
        document.getElementById("numero").value = numeroParcial;
    }
    
    // funcion que muestra el numero completo al dar click
    function mostrarNumero(){
        document.getElementById("numero").value = numero;
    }
    </script>
    <head>
    <body onload="init()">
        <input id="numero"></input>
        <a href="#" onclick="mostrarNumero()">Mostrar numero completo</a>
    </body>
</html>

Muy sencillo.

Saludos

IsaBelM · #4 (**permalink**) 16/09/2015, 05:24

Cita:

Iniciado por seoista

[HIGHLIGHT="HTML"]

Muy sencillo.

y si son 100 números??