Hacer Pregunta

Conecta

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

2votos

Asteriscos al mostrar un e-mail

preguntó
Web
4724 Vistas
1 Respuestas
solucionada

Buenas. Tengo lo siguiente:

<?php echo $player['Email']; ?>

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

***@email.com

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

¿Es posible? ¿Cómo lo hago aplicándolo a lo que tengo actualmente?

Gracias.

por Leyes (3.650 puntos) en Web

1 Respuesta

3votos

Leonardo-Tadei Puntos227320

Hola @KevinLeyes,

podría ser así:

<!DOCTYPE html>
<html >
<head>
<style type="text/css">
.showhim{
    position: fixed;
}
.showme{ 
    display: none;
    position:absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
}
.showhim:hover .showme{
    display: block;
}
</style>
</head>
<body>

Este es un texto:<br />
<span href="#" class="showhim">********@email.com
    <div class="showme">[email protected]</div>
</span>
<br />
ac&aacute; sigue el texto.

</body>
</html>

Para mostrar asateríscos en lugar del mail, basta un poco de PHP:

$tmp = explode('@', $mail);
$mailasterisco = "******".$tmp[1];

y luego mostrás $mailasterisco en el SPAN y $mail en el DIV.

Saludos!

por Leonardo-Tadei (227.320 puntos)
seleccionada por

0voto

Leyes comentado

Gracias tu respuesta. Finalmente conseguí resolverlo de la siguiente manera:

<?php
function hideEmail($email)
{
    $parts = explode('@', $email);
    return substr($parts[0], 0, min(1, strlen($parts[0])-1)) . str_repeat('*', max(1, strlen($parts[0]) - 1)) . '@' . $parts[1];
}
?>
<li><i class="fa fa-at"></i> E-mail: <span id="TextoACambiar" style="float:right;"><a style="color:#000000;" href="#" onMouseOver="document.getElementById('TextoACambiar').innerHTML = '<?php echo $player['Email']; ?>'"><?php echo hideEmail($player['Email']); ?></span></a>
</li>

Cuando recién cargo la página si mi e-mail es [email protected] se muestra a(asterisco)(asterisco)@ejemplo.com, hasta ahí todo bien. El problema que estoy teniendo ahora es que, una vez que paso el mouse se muestra completo ([email protected]), pero cuando lo saco de encima, sigue quedando el e-mail completo, yo quisiera que vuelva al mismo hideEmail($player['Email']) y así sucesivamente todas las veces que se haga.

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

Nuevamente, gracias y saludos.

por Leyes (3.650 puntos)

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

Otras Preguntas y Respuestas


Sin Respuesta

Preguntas relacionadas

Actividad Reciente

Ultimas Preguntas

Preguntas relacionadas

Usuarios Top

Todos los Usuarios Usuarios Nuevos

Etiquetas

Categorías

...

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

Etiquetas

Categorías

Conecta