chrome Browser issue when working with javascript

Question

When popup window is closed I received a response from server which i need to pass in my callGetToken function. Everything is working fine in Firefox and IE but the function is not called in Chrome, can anyone tell me what is causing this? My Chrome version is 30.0.1599.101 m

function authentication{
var newwindow=window.showModalDialog(url,'',"dialogWidth:800px;dialogHeight:600px;dialogLeft:200px");
callgetToken(oid);
}
function callgetToken(oid){
alert('Hi');
getToken(oid);
}
<apex:actionFunction name="getToken" action="{!callAccessToken}" rerender="theForm" status="status">
  <apex:param name="org_id" value="" assignTo="{!org_id}" />
 </apex:actionFunction>

Answer 1

Thank you all for your solutions. Yes I have Security issue due to domain portability and i got the solution by The document.domain exception section in given link may be it help some more users...

http://javascript.info/tutorial/same-origin-security-policy

Answer 2

This is alternative solution :

I got this problem. But I found the alternative solution.

The alternative solution is below:

Step : 1 --> Create a hidden input element on parent page. eg:-`

<input type="hidden" id="token" />`

Step : 2 --> Access this element in your child/Dialog window and feed the value in it before the close event.

window.opener.document.getElementById('token').value = 'XXXXX';

Step 3 :---> In you Parent window code look like:

function authentication{
  var newwindow=window.showModalDialog(url,'',"dialogWidth:800px;dialogHeight:600px;dialogLeft:200px");
var oid = document.getElementById('token').value;
  callgetToken(oid);
}

function callgetToken(oid){
  alert('Hi');
  getToken(oid);
}

In html 
<input type="hidden" id="token" />

Answer 3

Did some change in your code:

Parent side (no changes on child window):

<apex:form >
<apex:actionFunction name="getToken" action="{!help}" rerender="theForm" status="status">
 </apex:actionFunction>
</apex:form>
<script>
            function authentication() {
                var oid="abc"; // test only
                window.showModalDialog('https://c.na15.visual.force.com/apex/investmentvisualization','',"dialogWidth:800px;dialogHeight:600px;dialogLeft:200px");
                callgetToken(oid);
            }
            function callgetToken(oid) {
                alert('Hi');
                getToken(oid);
           }
</script>

• Javascript authentication function has type mistake, it should be authentication().

• Above code works properly and the possible error you can get is "blocked frame origin...", something like this. This happens because of parent has different url then child window url. Properly explained here: iframe: Protocols, domains, and ports must match error

• In my case parent origin page is: https://c.na15.visual.force.com/apex/investmentvisualization and model dialog has the same. However it can be https://c.na15.visual.force.com/apex/someOthrePage.