Use href NOT onClick in hyperlink - Javascript

Question

I have the following HTML that pops up a window when I click the 'Open Sesame' link:

<a href="/about-us/" title="Find out About Us" onclick="javascript:void window.open('/about-us/','1329304840803','width=1050,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;">Open Sesame</a></li>

However, I was wondering is it possible I could remove the 'onClick' part and just have the javascript within the href & still get the same new window effect. Is this possible?

Many thanks for any pointers

Good call, Dimitri. Much faster. I just assumed I needed the onClick. — michaelmcgurk
– michaelmcgurk, Commented Jun 27, 2012 at 15:49

Curtis · Accepted Answer · 2012-06-27 15:48:36Z

3

Yes you can:

<a href="javascript:void window.open('/about-us/','1329304840803','width=1050,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');" title="Find out About Us">Open Sesame</a>

http://jsfiddle.net/Curt/NqfMX/

However, I would recommend an event listener for this. It makes your HTML code much tidier and seperates the function from the HTML design:

<a class="opensesame" href="/about-us/" title="Find out About Us">Open Sesame</a>

$(function(){
    $("a.opensesame").click(function(e){
        e.preventDefault();
        window.open('/about-us/','1329304840803','width=1050,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');
    });
});

http://jsfiddle.net/Curt/NqfMX/1/

answered Jun 27, 2012 at 15:48

Curtis

104k69 gold badges280 silver badges359 bronze badges

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

7 Comments

michaelmcgurk Over a year ago

Many thanks, Curt. I'm off now with my offline tail between my legs.

michaelmcgurk Over a year ago

Hey Curt. Unfortunately this doesn't seem to work with IE. I'm using IE9. Any ideas why not?

Curtis Over a year ago

@mcgarriers Hi, I'm running IE 9.0.8112 and both of my fiddles work fine on that.

michaelmcgurk Over a year ago

Thanks, Curt. I will try again in a minute & see how I get on :) Back in a minute...

michaelmcgurk Over a year ago

JsFiddle appears to be having a "moment"... :)

|

Collectives™ on Stack Overflow

Use href NOT onClick in hyperlink - Javascript

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related