Enviar URL de la página por Email a un amigo.
| Descripción del ejemplo JavaScript
Voy a empezar explicando el Script desde abajo hacia arriba para su mejor comprensión.
Explicación: creación del formulario HTML
El formulario que creamos para enviar la URL vía Email es común y corriente y tendrá las propiedades habituales que utilizas para el envío de Email desde tu página Web. El único atributo que queda fuera, y que lo controlaremos mediante JavaScript es action. Este atributo es el que nos permite colocar la dirección de correo electrónico a la cual deben enviarse los datos. En el caso que el formulario se envíe mediante un programa Script (en php, por ejemplo) es aquí donde debemos escribir la ruta hacia el mismo.
El atributo más importante de la etiqueta <FORM> es name. Este permite identificar el formulario en el documento HTML, con lo cual podremos acceder a él y a todos sus elementos en el Script.
Los elementos de formulario que utilizaremos son simples cuadros de texto a excepción del primero que es uno de tipo hidden. Éste tendrá como valor la URL que vamos a enviar. Para darle este valor al atributo value utilizamos el evento onLoad de la etiqueta <BODY> e indicamos que, a la carga de la página, el elemento identificado con el nombre URL tenga como valor en su propiedad value lo siguiente: ' '+location.href Las comillas simples insertan un espacio en blanco y a continuación se escribe la URL de la página que contiene el Script. Es muy importante insertar las comillas simples con el espacio ya que, de otra manera, la URL enviada no se comportará como tal en el programa cliente de correo que reciba el mail, es decir, esta URL se recibirá como texto y no como enlace para ser pulsado.
El último elemento utilizado en este formulario es de tipo button. Utilizamos el evento onClick para llamar a la función y colocamos como parámetro el formulario mismo. Esto permite enviar al Script todo el formulario para su posterior utilización.
Explicación: creación del código JavaScript
El Script tiene una condición if que se ejecuta solo si los datos escritos en el elemento Email son correctos según el parámetro de validación que utilicemos. De otra manera se ejecutará else. Supongamos que se ha escrito mal el Email al cual se quiere enviar la URL, en este caso se ejecuta else que dispara un cuadro alert() mostrando el valor que se ha tomado como inválido. A la aceptación del cuadro automáticamente se da el foco al elemento Email y a continuación se selecciona toda la cadena de texto del mismo elemento.
Ahora supongamos que se ha escrito correctamente el Email. El JavaScript ejecutará la condición if y comenzará a ejecutar una por una las sentencias siguientes. La primera es otra condición que se ejecuta solo si el valor del elemento Firma es igual a "" (cadena vacía). Si es así asigna a esta propiedad la nueva cadena "anonimo". Lo mismo realiza para cuando no se ha escrito nada en el elemento NombreAmigo asignando en este caso el valor "Amigo".
La tercera línea de la condición if asigna un nuevo valor a la propiedad value del elemento Mensaje. Este elemento es de tipo hidden por lo que no se verá en la página. Con él armamos el mensaje a mostrar en el email.
Luego guardamos en Asunto el texto que se visualizará como tal en el programa que procese el email. Al principio de este documento habíamos dicho que el atributo action de la etiqueta <FORM> lo controlaríamos con el JavaScript, bueno eso es lo que hace la siguiente línea, da a éste atributo el valor 'mailto:'+ form.Email.value+'?subject='+Asunto; que no es más que la cadena de texto mailto: más el email que se ha escrito en el elemento Email más la cadena ?subject= más el texto que guardamos en la variable Asunto.
Las siguientes 3 líneas desactivan temporalmente ciertos elementos. Esto lo hacemos para que el elemento en cuestión no se envíe con el formulario.
Lo que nos queda por hacer es enviar el formulario, lo cual hacemos mediante submit(). Una vez que se envía se vuelven a activar los elementos correspondientes por si se quiere enviar nuevamente la URL por email.
La persona que reciba el email leerá lo siguiente (suponiendo que no se ha escrito nada en los elementos NombreAmigo y Firma):
Mensaje=Hola Amigo, visita esta URL "http://loquesea...", te va a gustar!!!. Saludos, anonimo
y el asunto del mensaje quedará: Visita esta URL Amigo!!!
Información relativa al Script
Ejemplo JavaScript para enviar por Email la URL de la página cargada en el navegador.
Código fuente del script:
