Trigger event to click a link

Question

I have a hidden link and a button. I want when users click on the button they will go to the link. Why I'm not just show the link so users can click through the link because I don't want users see the link that appear at the bottom of browser.

<a id="stack" href="http://stackoverflow.com/"></a>
<button id="goTo">Stackoverflow</button>

Is it possible?

I like to know what URL I'm going to before I click on a link. Why don't you want your users to know? — Matti Virkkunen
– Matti Virkkunen, Commented Sep 24, 2014 at 23:22

OxyDesign · Accepted Answer · 2014-09-24 23:32:28Z

1

Maybe like this :

$(document).ready(function(){
    $("#goTo").on('click',function(e){
        e.preventDefault();
        window.location = $("#stack").attr('href');
    });
});

answered Sep 24, 2014 at 23:32

OxyDesign

7545 silver badges6 bronze badges

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

4 Comments

Agus Putra Dana Over a year ago

Thak you for the answer. But when I click the button the browser load the same page.

OxyDesign Over a year ago

It loads a new page with the url in the href of the a#stack so if you change this href it will change the destination

Agus Putra Dana Over a year ago

Yes, I see at the bottom of the browser waiting for stackoverflow... after I click the button but I still on the same page. CodePen

OxyDesign Over a year ago

Yes it's because on codepen the rendering is made in an iframe on an other domain and you can't reload the parent window in JS from an iframe because of security issue (if you check your console you'll see a message about it when you click)

Daniel · Accepted Answer · 2014-09-24 23:25:01Z

0

Add simple jquery to relay the click on the button. You can leave the a link out.

$("#goTo").click(function(){
 window.location = "http://stackoverflow.com/";
}

answered Sep 24, 2014 at 23:25

Daniel

4,9643 gold badges30 silver badges33 bronze badges

Collectives™ on Stack Overflow

Trigger event to click a link

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related