entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Asteriscos al mostrar un e-mail (2)

Buenas.

Dependiendo del e-mail que tenga el usuario se mostrará el mismo claramente. Lo que buscaba hacer es lo siguiente: suponiendo que [email protected] sea el e-mail, se tendría que ver así:

n****@email.com

Y al pasar el mouse por encima de esos asteriscos, se podría ver nombredeusuario.

¿Podría hacerlo mediante onMouseOut? ¿Cómo? Acabo de intentar pero no lo conseguí.

1 Respuesta

2votos

jonatancastro1 Puntos3130

Esta podría ser una posible solución haciéndolo todo en el cliente con jquery.

html:

<ul>
  <li class="email" data-old="[email protected]"></li>
  <li class="email" data-old="[email protected]"></li>
  <li class="email" data-old="[email protected]"></li>
</ul>

js:

$(function(){
    var replace = function(email){
       parts = email.split('@');
       f = parts[0].charAt(0);
       for (i=1; i<parts[0].length; i++) f += '*';  

       return f+'@'+parts[1];
    };

    $('.email').each(function(e){
       $(this).text(replace($(this).data('old')));
    });

    $('.email').on('mouseenter', function(e){
    $(this).text($(this).data('old'));
    }).on('mouseleave', function(e){
        $(this).text(replace($(this).data('old')));
    });
});

Aqui puedes verla funcionando:
http://jsfiddle.net/jonatancastro1/zgk275h7/

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta