Envíar un e-mail preguntando la dirección por Javascript | Programador Web Valencia

Envíar un e-mail preguntando la dirección por Javascript

1 minuto

email

A continuación he querido dejar un pequeño ejemplo de como enviar un e-mail desde el cliente de correo del usuario (Outlook, Thunderbird, Apple Mail…) con el texto por defecto que tu quieras. Como no encontré nada parecido por la red he decido compartirlo con todos vosotros.

El funcionamiento es tan simple como mascar un chicle: al hacer click en el hipervínculo (enlace) aparece un dialogo que te pregunta por la dirección de correo del destinatario (a quien quieres enviárselo, no la del usuario que ha pulsado). Cuando pulses en OK se abrirá el cliente por defecto. Et voilà!

Espero que os sea de ayuda.

Previo enviar mail por js 1 enviar mail por js 2 enviar mail por js 4enviar mail por js 3

Código

<!DOCTYPE html>
<html lang="es-ES">
<head>
    <meta charset="UTF-8">
    <title>ejemplo</title>
</head>
<body>
    <a href="#" onclick="enviarCorreo('Eres muy feo')">Envía un mensaje a un amigo</a>

    <script>
    /**
     * Método que envía un e-mail a través del cliente que tenga por defecto
     * @param  {String} insTextoComp Texto que aparecerá dentro del mensaje
     */
    function enviarCorreo(insTextoComp) {
        var sEmail = prompt("¿A quien quieres enviarlo?", "E-mail");
        if(sEmail != null) {
            var sLink = "mailto:" + escape(sEmail)
             + "?subject=" + escape("Te han compartirdo el siguente texto")
             + "&body=" + insTextoComp;
            window.location.href = sLink;
        }
    }
    </script>
</body>
</html>

Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivadas 4.0 Internacional.

Atribución/Reconocimiento-NoComercial-SinDerivados 4.0 Internacional

¿Me ayudas?

Comprame un café
Pulsa sobre la imagen

No te sientas obligado a realizar una donación, pero cada aportación mantiene el sitio en activo logrando que continúe existiendo y sea accesible para otras personas. Además me motiva a crear nuevo contenido.

Comentarios

{{ comments.length }} comentarios

Nuevo comentario

Nueva replica  {{ formatEllipsisAuthor(replyComment.author) }}

Acepto la política de Protección de Datos.

Escribe el primer comentario

Tal vez también te interese...