CODEWITHSUNDEEP
javascripthtmlemailmailto
Mark Burgoyne
Mark Burgoyne

Reputation: 1594

Creating email link with dynamically generated body with html5 & javascript

Am trying to create a link to create an email to send information to the user, the body of which needs to be filled with data generated by a javascript function, and hope that someone can help.

Idealy, if I could substitute the 'body_blurb' below, with a string returned from a javascript function called at the time of clicking that'd be perfect.

<A HREF="mailto:[email protected]?subject=Data&body=body_blurb">e-mail data</a>

Appreciate your time

Upvotes: 4

Views: 31341

Answers (3)

talves
talves

Reputation: 14353

Here is the no-spam method

var link = document.getElementById('email');

link.onclick = function() {
    var name = "you";
    var domain = "yourdomain.com";
    var linker = "mailto:" + name + '@' + domain + "?subject=Data&body=";
    linker += getBody();
    link.setAttribute("href", linker);
};

function getBody() {
    return 'HelloWorld';
}

On Fiddle

Upvotes: 1

mrtsherman
mrtsherman

Reputation: 39872

I just assigned an id to the link here, but you could create something more generic if you wanted. Once you have an onclick handler created you can access the url with href. Set this to whatever you want.

http://jsfiddle.net/f3ZZL/1

var link = document.getElementById('email');
link.onclick = function() {
    this.href = "mailto:[email protected]?subject=Data&body=";
    this.href += getBody();
};

function getBody() {
    return 'HelloWorld';
}

Upvotes: 8

Borealid
Borealid

Reputation: 98489

You don't actually need to set the href value. What you're really trying to do is send the browser to a mailto: URL: the href is just a means to that end.

Leave the href blank and make the link have an onClick handler. In the onClick, feed the browser the mailto: URL (after you build it using your variable). Presto, done.

Upvotes: 0

Related Questions