Button can't work in IE

In my application, I have the following combination of <h:outputLink> and <p:commandButton>:

<h:outputLink target="_blank" value="theURL">
    <p:commandButton value="Click" type="button" />
</h:outputLink>

The above button works normally in Chrome and Firefox. However, when I use IE, nothing happens when I click the button.

I'd be very grateful if you could give me any advice.

Answers


The resulting HTML markup makes syntactically no sense. You end up with an

<a><button></button></a>

Whose action should be invoked? The one of the link or the button?

I'd suggest to just use <p:button> with a window.open().

<p:button value="Click" onclick="window.open('theURL');return false;" />    

If using the link was for pure SEO purposes, then I'd suggest to replace the <p:commandButton> by its own generated markup as a <span> instead of as <button>. E.g.

<h:outputLink target="_blank" value="theURL">
    <span class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button">
        <span class="ui-button-text">Click</span>
    </span>
</h:outputLink>

Need Your Help

How to make 4 pictures combined reponsive

html css image twitter-bootstrap responsive-design

I have a problem I want my pictures align like this:

Reading in Russian characters (Unicode) using a basic_ifstream<wchar_t>

c++ locale ifstream

Is this even possible? I've been trying to read a simple file that contains Russian, and it's clearly not working.