Creating email link with dynamically generated body with html5 & javascript

Question

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

You could do that relatively easily, but what event is binding body_blurb to that anchor? Are the users clicking on something prior to the mail anchor? — Christopher Marshall
– Christopher Marshall, Commented Jan 26, 2012 at 6:04
Do you realize that mailto: often doesn't work, particularly when users are using a web-based email service like Yahoo, GMail, Hotmail, etc... and thus there is no local email client to field the mailto: and act on it? — jfriend00
– jfriend00, Commented Jan 26, 2012 at 6:06

mrtsherman · Accepted Answer · 2012-01-26 06:10:00Z

8

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';
}

answered Jan 26, 2012 at 6:10

mrtsherman

40k23 gold badges90 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mark Burgoyne Over a year ago

Perfect - exactly what I was after. By way of further explanation, I'm creating a simple engineering calculation number cruncher to be accssed via mobile browsers. The user would enter their variables, crunch the numbers and get an output. I'd like to be able to give them the option of sending themselves the data set of inputs & outputs.

talves · Accepted Answer · 2020-08-19 00:17:26Z

1

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

edited Aug 19, 2020 at 0:17

answered Dec 11, 2013 at 21:45

talves

14.4k5 gold badges42 silver badges64 bronze badges

Comments

Borealid · Accepted Answer · 2012-01-26 06:04:34Z

0

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.

answered Jan 26, 2012 at 6:04

Borealid

99.4k9 gold badges112 silver badges124 bronze badges

1 Comment

mrtsherman Over a year ago

Hmmm, so you could use location.href = mailto: ...?

Collectives™ on Stack Overflow

Creating email link with dynamically generated body with html5 & javascript

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related