Envoi d'e-mails avec Javascript

Question

C'est un peu confus à expliquer, alors soyez indulgent avec moi...

Je veux mettre en place un système permettant à un utilisateur d'envoyer des courriels modèles par l'intermédiaire de mon site Web, sauf qu'ils ne sont pas réellement envoyés par mon serveur - ils ouvrent simplement leur propre client de messagerie local avec un courriel prêt à être envoyé. L'application remplit le corps de l'e-mail avec des variables prédéfinies, pour éviter à l'utilisateur de devoir les taper lui-même. Il peut ensuite modifier le message à sa guise, s'il ne correspond pas exactement à ses besoins.

Pour un certain nombre de raisons, je souhaite que l'envoi se fasse par le biais du client de messagerie local de l'utilisateur. Il n'est donc pas possible de faire en sorte que le serveur envoie le courrier électronique : l'envoi doit se faire à 100 % côté client.

J'ai déjà une solution qui fonctionne pour l'essentiel et j'en publierai les détails dans ma réponse. Je me demande s'il existe une meilleure solution ?

Answer 1

La façon dont je le fais maintenant est essentiellement la suivante :

Le HTML :

<textarea id="myText">
    Lorem ipsum...
</textarea>
<button onclick="sendMail(); return false">Send</button>

Le Javascript :

function sendMail() {
    var link = "mailto:me@example.com"
             + "?cc=myCCaddress@example.com"
             + "&subject=" + encodeURIComponent("This is my subject")
             + "&body=" + encodeURIComponent(document.getElementById('myText').value)
    ;

    window.location.href = link;
}

Cela, étonnamment, fonctionne plutôt bien. Le seul problème est que si le corps du message est particulièrement long (plus de 2000 caractères), un nouvel e-mail s'ouvre, mais il ne contient aucune information. Je pense que c'est dû au fait que la longueur maximale de l'URL est dépassée.

Answer 2

Voici comment procéder en utilisant jQuery et un "élément" sur lequel cliquer :

$('#element').click(function(){
    $(location).attr('href', 'mailto:?subject='
                             + encodeURIComponent("This is my subject")
                             + "&body=" 
                             + encodeURIComponent("This is my body")
    );
});

Ensuite, vous pouvez obtenir votre contenu soit en l'alimentant à partir de champs de saisie (c'est-à-dire en utilisant la fonction $('#input1').val() ou par un script côté serveur avec $.get('...') . Amusez-vous bien

Answer 3

Vous n'avez pas besoin de javascript, vous avez juste besoin que votre href soit codé comme ceci :

<a href="mailto:me@me.com">email me here!</a>

Answer 4

Que diriez-vous d'avoir une validation en direct de la zone de texte, et une fois qu'elle dépasse 2000 (ou le seuil maximum), d'afficher "Cet e-mail est trop long pour être complété dans le navigateur, s'il vous plaît". <span class="launchEmailClientLink">launch what you have in your email client</span> '

A quoi j'aurais répondu

.launchEmailClientLink {
cursor: pointer;
color: #00F;
}

et jQuery ce dans votre onDomReady

$('.launchEmailClientLink').bind('click',sendMail);

Answer 5

Si cela ne sert qu'à ouvrir le client de l'utilisateur pour envoyer l'e-mail, pourquoi ne pas les laisser le composer là aussi. Vous perdez la possibilité de suivre ce qu'ils envoient, mais si ce n'est pas important, il suffit de recueillir les adresses et l'objet et d'ouvrir le client pour laisser l'utilisateur remplir le corps du message.