Ver Mensaje Individual
  #4 (permalink)  
Antiguo 16/04/2013, 21:22
Avatar de ggomez91
ggomez91
 
Fecha de Ingreso: octubre-2008
Mensajes: 181
Antigüedad: 16 años, 2 meses
Puntos: 13
Respuesta: ocultar numero telefono y mostrar xxx

Cita:
Iniciado por Albuss Ver Mensaje
eso no es javascript, es HTML, los formularios tienen una opción para ello "password" (para cualquier imput aunque no este dentro de un form)
No creo que se refiera a eso, dice que es solo en parte y además al dar click se muestra el resto.

Sí es con JS, lo primero es obtener el número, luego lo divides en dos partes, una la muestras y la otra no, al detectar el click reemplazas el numero parcial por el completo.

Este código te explica como:

Código:
<html>
    <head>
        <title>Prueba</title>
    <script type="text/Javascript">
    
    // Guardar el número y una copia con las XXXX
    var numero = "56655225";
    var numeroParcial = numero.substring(0, 5) + "XXX";
    
    // 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>