Question

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í.

Answer 1

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/