mailto using javascript

Question

I want to open a new outlook mail template with the 'To address' whenever a user clicks an image. I have return my code in a html page(linked with the image), whenever it loads the javascript should open a new mail template. But the functionality is not working. Kindly let me know what is wrong in my code.

body onLoad="redirect()"

script language="JavaScript"

function redirect() 

      var email = "[email protected]"
      var mailto_link = 'mailto:' + email
      window = window.open(mailto_link, 'emailWindow')
      if (window && window.open && !window.closed)         
          window.close()

window is a read-only variable.

Rob W
– Rob W

2012-04-16 10:38:32 +00:00
Commented Apr 16, 2012 at 10:38 — Rob W
– Rob W, Commented Apr 16, 2012 at 10:38
Is it because of a popup blocker?

Ramesh
– Ramesh

2012-04-16 10:39:15 +00:00
Commented Apr 16, 2012 at 10:39 — Ramesh
– Ramesh, Commented Apr 16, 2012 at 10:39

score 103 · Accepted Answer · 2017-10-09 19:43:09Z

103

No need for jQuery. And it isn't necessary to open a new window. Protocols which doesn't return HTTP data to the browser (mailto:, irc://, magnet:, ftp:// (<- it depends how it is implemented, normally the browser has an FTP client built in)) can be queried in the same window without losing the current content. In your case:

function redirect()
{
    window.location.href = "mailto:[email protected]";
}
<body onload="javascript: redirect();">

Or just directly

<body onload="javascript: window.location.href='mailto:[email protected]';">

edited Oct 9, 2017 at 19:43

answered Jul 18, 2013 at 12:25

user1854856

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

3 Comments

D B Over a year ago

It should be noted, that the browser will still trigger the onbeforeunload-Event: window.onbeforeunload = () => {console.log("onbeforeunload")}; window.location.href = "mailto:[email protected]";

user1854856 Over a year ago

@DB Thanks for pointing this interesting detail out! This makes sense... I guess, because, like I previously said, the browser might have a build-in tool for handling pseudo-protocols, like ftp://. This would indeed replace the current page contents, so the onbeforeunload event is fired, even if there is no built-in tool in the browser to handle mailto:// URIs. But this is just a personal assumption. In this case, the browser vendors should check first, if they support the pseudo-protocol, otherwise not firing the onbeforeunload event.

user1854856 Over a year ago

@cjm2671 I tested the above code in the current newest Chrome version 76.0.3809.100 in normal mode and incognito mode. Everything works fine. Do you have any browser extensions (AddOns), which might prevent the code execution?

Stevoisiak · Accepted Answer · 2019-07-23 20:01:17Z

28

With JavaScript you can create a link 'on the fly' using something like:

var mail = document.createElement("a");
mail.href = "mailto:[email protected]";
mail.click();

This is redirected by the browser to some mail client installed on the machine without losing the content of the current window ... and you would not need any API like 'jQuery'.

edited Jul 23, 2019 at 20:01

Stevoisiak

27.8k32 gold badges140 silver badges245 bronze badges

answered Mar 29, 2018 at 15:24

GuerraTron

5095 silver badges5 bronze badges

1 Comment

Unknownweirdo Over a year ago

window.open('mailto') normally leaves a blank tab open with mailto in the URL so this way seems much nicer

Ramesh · Accepted Answer · 2021-01-21 10:55:20Z

28

Please find the code in jsFiddle. It uses jQuery to modify the href of the link. You can use any other library in its place. It should work.

HTML

<a id="emailLnk" href="#">
    <img src="http://ssl.gstatic.com/gb/images/j_e6a6aca6.png">
</a>

JS

$(document).ready(function() {
    $("#emailLnk").attr('href',"mailto:[email protected]");
});

UPDATE

Another code sample, if the id is known only during the click event

$(document).ready(function() {
    $("#emailLnk").click(function()
     {
         window.location.href = "mailto:[email protected]";
     });
});

edited Jan 21, 2021 at 10:55

answered Apr 16, 2012 at 11:01

Ramesh

13.3k4 gold badges55 silver badges90 bronze badges

Comments

juankysmith · Accepted Answer · 2014-03-18 08:16:55Z

5

You can use the simple mailto, see below for the simple markup.

<a href="mailto:[email protected]">Click here to mail</a>

Once clicked, it will open your Outlook or whatever email client you have set.

edited Mar 18, 2014 at 8:16

juankysmith

12.5k6 gold badges39 silver badges65 bronze badges

answered Jan 30, 2014 at 3:10

Allan

6807 silver badges7 bronze badges

1 Comment

Allan Over a year ago

Hey Grant, thanks for editing my terminology to used. I'm in hurry too type.

Proustibat · Accepted Answer · 2013-12-06 16:47:29Z

4

I've simply used this javascript code (using jquery but it's not strictly necessary) :

    $( "#button" ).on( "click", function(event) {
         $(this).attr('href', 'mailto:[email protected]?subject=hello');
    });

When users click on the link, we replace the href attribute of the clicked element.

Be careful don't prevent the default comportment (event.preventDefault), we must let do it because we have just replaced the href where to go

I think robots can't see it, the address is protected from spams.

answered Dec 6, 2013 at 16:47

Proustibat

1,8511 gold badge16 silver badges21 bronze badges

Comments

Dan George · Accepted Answer · 2021-10-10 20:21:03Z

1

document.location.href = "mailto:[email protected]"

answered Oct 10, 2021 at 20:21

Dan George

1732 silver badges4 bronze badges

1 Comment

Stephen Ostermiller Over a year ago

A code-only answer is not high quality. While this code may be useful, you can improve it by saying why it works, how it works, when it should be used, and what its limitations are. Please edit your answer to include explanation and link to relevant documentation.

Camille Sauvage · Accepted Answer · 2020-04-24 07:19:27Z

-1

I don't know if it helps, but using jQuery, to hide an email address, I did :

    $(function() {
        // planque l'adresse mail
        var mailSplitted 
            = ['mai', 'to:mye', 'mail@', 'addre', 'ss.fr'];

        var link = mailSplitted.join('');
        link = '<a href="' + link + '"</a>';
        $('mytag').wrap(link);
    });

I hope it helps.

answered Apr 24, 2020 at 7:19

Camille Sauvage

442 bronze badges

Collectives™ on Stack Overflow

mailto using javascript

7 Answers 7

3 Comments

1 Comment

Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

3 Comments

1 Comment

Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related