Javascript toopen outlook email from sharepoint

Question

Is there a javascript to open a outlook email with "TO :" and "SUBJECT:" populate from fields in the list item.
Like i have manager(people and group field) and project(single line of text)
I want to have a Request email button in disply form on click of the button outlook email should oprn with "TO:" field with manager value and "SUBJECT:" with project value.

Answer 1

Hi Dilip,
Do the following
Create one JS file in your site and paste the code the below I have given
then open the particular list Allitems.aspx page in designer and map the created JS file on the page ( Refer Image)
In Example I have three column in my list I have take the value from Title(subject) and To field and updated to SendEmail filed
$(document).ready(function () {
BuildEmail();
function GetItemType(ListData) {
$.ajax({
url: _spPageContextInfo.webAbsoluteUrl+ "/_api/lists/getbytitle('Test')?$select=ListItemEntityTypeFullName",
type: "GET",
headers: { "Accept": "application/json;odata=verbose" },//return data format
success: function (data) {
updateList(data.d.ListItemEntityTypeFullName,ListData);
error: function (data2) {
self.error("Error in processing request " + data2.responseText);
function BuildEmail() {
var requestUri = _spPageContextInfo.webAbsoluteUrl+ "/_api/web/lists/getbytitle('Test')/items";
var requestHeaders = { "accept": "application/json;odata=verbose" };
$.ajax({
url: requestUri,
contentType: "application/json;odata=verbose",
headers: requestHeaders,
success: function (data) {
GetItemType(data);
error: function (data) {
alert(data.responseText);
function updateList(itemType, ListData) {
$.each(ListData.d.results, function (key, value) {
var cat = {
"__metadata": { "type": itemType},
"SendEmail":
"__metadata": { "type": "SP.FieldUrlValue" },
"Description": "Send Email",
'Url': "mailto:"+value.To+"?Subject="+value.Title
$.ajax({
url: _spPageContextInfo.siteAbsoluteUrl + "/_api/web/lists/getbytitle('Test')/items(" + value.ID+ ")",
type: "POST",
contentType: "application/json;odata=verbose",
data: JSON.stringify(cat),
headers: {
"Accept": "application/json;odata=verbose",
"X-RequestDigest": $("#__REQUESTDIGEST").val(),
"X-HTTP-Method": "MERGE",
"If-Match": "*"
success: function (data) {
error: function (data) {
alert("error");
In code Change the List Name. Currently listname was Test change that value and column name also
Ravin Singh D