Está en la página 1de 5

Mailto con asunto y cuerpo

predefinido

Seguramente que has usado más de una vez la etiqueta html <a> para crear un enlace que
permita mandar un correo electrónico gracias al protocolo mailto.
Pero ¿sabías que a parte de la dirección de destino también puedes añadirle otros
parámetros predefinidos como el asunto, las copias y el cuerpo del mensaje?
Empecemos por lo más fácil, en la sintaxis básica de un enlace mailto tan solo tenemos que
escribir la dirección de destino.
<a href="mailto:direccion@destinatario.com">Enviar mail</a>
Si queremos más de un destinatario los separaremos con punto y coma.
<a href="mailto:direccion@destinatario.com;segundo@destinatario.com">Enviar
mail</a>
Pero el protocolo mailto no se queda aquí, al permitir el paso de parámetros por GET nos
permite jugar un poco.
Se puede establecer direcciones a los que se enviará copia «CC»
<a href="mailto:direccion@destinatario.com?cc=copia@destinatario.com">Enviar mail
y copia</a>
Además de especificar los destinatarios que recibirán una copia oculta «BCC».
<a href="mailto:direccion@destinatario.com?
bcc=copiaoculta@destinatario.com">Enviar mail y copia oculta</a>
Un asunto predefinido puede ser útil para identificar la procedencia del correo o el tema
concreto por el que se envía. Para ello usaremos «subject». Si vas a poner una frase no
dejes espacios, mejor escribe %20
<a href="mailto:direccion@destinatario.com?subject=Asunto%20con
%20espacios">Enviar mail con asunto predefinido</a>
Finalmente podemos darle al usuario todo masticado y escribirle hasta el cuerpo del
mensaje y tan solo tendrá que darle al enviar.
<a href="mailto:direccion@destinatario.com?body=Este%20es%20el%20cuerpo%20del
%20mensaje">Enviar mail con cuerpo predefinido</a>
Ahora es cuestión de hacer la combinación que más te interese. Este sería un ejemplo con
todos los parámetros.
<a href="mailto:direccion@destinatario.com?
cc=copia@destinatario.com;segundacopia@destinatario.com&bcc=copiaoculta@destinata
rio.com&subject=Asunto%20con%20espacios&body=Este%20es%20el%20cuerpo%20del
%20mensaje">Enviar mail completo</a>

¿Lo has probado? ¿Te funciona? Recuerda que el primer parámetro empieza con un
interrogante (?) y los siguientes tendrán que empezar con ampersand (&).
Si vas a la demo podrás ver los ejemplos en funcionamiento y una pequeña sorpresa.

<!--funciona -->

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<Script Language="Javascript">
<!--
function mailIt(x)
{
// SET MESSAGE VALUES
var to = "webmaster@internet.com";
var cc = "another_person@company.com";
var bcc = "yet_another_person@company.com";
var subject = "Subscribe to mailing list";
var body = "This is a test for " + x + " about the mailing list."

alert(x);

// BUILD MAIL MESSAGE COMPONENTS


var doc = "mailto:" + to +
"?cc=" + cc +
"&bcc=" + bcc +
"&subject=" + escape(subject) +
"&body=" + escape(body);

// POP UP EMAIL MESSAGE WINDOW


window.location = doc;
}
//-->
</Script>
</HEAD>

<BODY>

<Form name="frmTest" method="POST">


<INPUT type="text" id="txtName" name="Name">
<INPUT type="button" value="Should submit"
onclick="mailIt(txtName.value);">
</Form>

<a href="Javascript:mailIt(document.frmTest.txtName.value);">Send</a>
</BODY>
</HTML>

<!-- OTRO EJEMPLO -->

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<Script Language="Javascript">
<!--
function mailIt(x)
{
if (x == ''||x == null)
{
alert('Por Favor ingrese un nombre');
}
else
{
// SET MESSAGE VALUES
var to = "webmaster@internet.com";
var cc = "another_person@company.com";
var bcc = "yet_another_person@company.com";
var subject = "Subscribe to mailing list";
var body = "This is a test for " + x + " about the mailing list."

// BUILD MAIL MESSAGE COMPONENTS


var doc = "mailto:" + to +
"?cc=" + cc +
"&bcc=" + bcc +
"&subject=" + escape(subject) +
"&body=" + escape(body);

// POP UP EMAIL MESSAGE WINDOW


window.location = doc;
}
}
//-->
</Script>
</HEAD>

<BODY>

<Form name="frmTest" method="POST">


<INPUT type="text" id="txtName" name="Name">
<INPUT type="button" value="Should submit"
onclick="mailIt(txtName.value);">
</Form>

<a href="Javascript:mailIt(document.frmTest.txtName.value);">Send</a>

</BODY>
</HTML>

También podría gustarte