jQuery open default context menu of target element

Question

I have a standardised rounded-corners button following the format like

<a href="#"><span>button name</span></a>

(Example:Anchor for left rounded corner, span for right rounded corner)

Problem is in IE, the context menu is that of the span tag and not the anchor, and hence I don't have the context menu option of opening up the parent link in new tab.

Is it possible to target the parent anchor and trigger it's context menu when I click on the span tag in IE?? I just want the browser default context menu, not a customised one.

(Works fine in FF)

Community · Accepted Answer · 2017-05-23 12:04:16Z

1

Get rid of the <span>, and use CSS to provide rounded corners on the anchor elements. This will make your HTML more semantic, and provide graceful degradation in browsers that don't support CSS rounded corners (read: IE).

HTML

<a href="#" class="rounded">button name</a>

CSS

a.rounded {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

edited May 23, 2017 at 12:04

CommunityBot

11 silver badge

answered Jan 11, 2011 at 3:21

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

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

3 Comments

Matt Ball Over a year ago

@Brandon: what doesn't work? Rendering rounded corners? I know it doesn't.

bcm Over a year ago

Many ppl. still using IE7, I need to make sure it looks right as per design. (I'm not really for graceful degradation in this scenario)

bcm Over a year ago

I understand your solution, but the answer is "not possible" to the question?

bcm · Accepted Answer · 2011-01-11 21:30:14Z

1

I'll close this question with the answer: No known possible solution.

But here is the solution to the root of the question/issue: I'll try making the anchor the root element instead of the span.

That way, right click context menu will always have the option open in new tab for IE, whilst I can still keep the cross browser consistent (+dynamic width) rounded corners button. (Tried and tested)

edited Jan 11, 2011 at 21:30

answered Jan 11, 2011 at 3:35

bcm

5,50810 gold badges61 silver badges93 bronze badges

2 Comments

Matt Ball Over a year ago

Unless you plan on marking this as the accepted answer, this should be an edit to your original question, or at least a comment.

bcm Over a year ago

Ok, edited answer to close this thread. Will tick when stackoverflow allows me to.

Collectives™ on Stack Overflow

jQuery open default context menu of target element

2 Answers 2

HTML

CSS

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

HTML

CSS

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related