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
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
Share Improve this question asked Jan 26, 2012 at 6:01 Mark BurgoyneMark Burgoyne 1,5944 gold badges18 silver badges32 bronze badges 2- 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 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 Commented Jan 26, 2012 at 6:06
3 Answers
Reset to default 8I 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/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';
}
Here is the no-spam method
var link = document.getElementById('email');
link.onclick = function() {
var name = "you";
var domain = "yourdomain.";
var linker = "mailto:" + name + '@' + domain + "?subject=Data&body=";
linker += getBody();
link.setAttribute("href", linker);
};
function getBody() {
return 'HelloWorld';
}
On Fiddle
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.