Javascript top.navigation NOT working with JSF Primefaces

Question

I am trying to redirect users when they click on a button via javascript. So something like this :

top.location=url;

Normally this redirects you to the specified "url" but strangely enough user is being redirected to same page.

Is there a way to redirect a user using javascript that works with Primefaces ? Not sure why primefaces is interfering.

<div> 
   <p:commandButton value="Cancel" onclick="javascript:$.fn.RedirectMe('http://google.com')" />
</div>

Javascript:

$.fn.RedirectMe = function(url) {      
        var confirmBox=confirm("Are you sure ?");
        if (confirmBox==false)
          {
           return false;
          }

        if(typeof(url) =="undefined" || url == null || url==""){
            top.location=top.location;
        }else{
            url = encodeURI(url);
            top.location=url;
        }


    };

Check out the events with Visual Event registered on your link (code would help). There's a good chance some event is intercepting your click--especially if you're using a commandLink) — Daniel B. Chapman, Apr 08 '13 at 17:26
http://stackoverflow.com/a/503098/669677 this does not work? — , Apr 08 '13 at 17:47

score 1 · Accepted Answer · answered Apr 08 '13 at 18:00

The <p:commandButton> submits by default the parent form via an ajax POST request. It's thus essentially the wrong tool for the job.

Use <p:button> instead. Don't forget to return false, otherwise it'll still perform the implicit navigation.

<p:button ... onclick="$.RedirectMe(url); return false;" />

Unrelated to the concrete problem, the javascript pseudoprotocol makes no sense in HTML4/5 compatible event handler attributes as it's the default already. Further, the $.fn mapping is unnecessary when you just want to invoke the function rather than creating it. The abovegiven answer has already taken that into account. Last but not least, JS naming conventions state that function names should start with lowercase.

Javascript top.navigation NOT working with JSF Primefaces

1 Answers1