How to call parent window function in chrome browser?

Question

HI, I've surprisingly found problems, in Chrome browser, in calling window parent javascript functions. If I have a window with a javascript function defined in it

<script type="text/javascript">
  function dolink() {
   . . .
  }
</script>

and I have an iframe inside that window that makes this call using jquery

<script type="text/javascript">
 $(function() {
      $('a.arglink').click(function() {
         window.parent.dolink($(this).attr('href'));
         return false;
      });
 });
</script>

the call to dolink function doesn't work. Stepping with chrome javascript debugger, it appears that window.parent.dolink is undefined. It's by design or a mistake that I made? In Firefox and IE it works fine.

Is the iframe on the same domain as the parent document? – Max Shawabkeh Mar 31 '10 at 06:18 — Max Shawabkeh, Mar 31 '10 at 06:18

score 9 · Accepted Answer · answered Apr 07 '10 at 05:55

9

Finally found it!

It seems that Chrome browser doesn't permit to reference a parent window accessing pages with the file: protocol. In fact I tested above code with files on my machine, so with a url like file:///C:/mytests/mypage.html . If I put that page in a Web Server, it all works as expected.

answered Apr 07 '10 at 05:55

Pier Luigi

7,871
9
36
46

2

I have the same issue with chrome, but no file protocol is used, it's pure http – lisak Feb 19 '11 at 18:05
1

just tested it, that doesn't work :C // I want my upvote back – Ale Morales Sep 05 '12 at 06:23

score 4 · Answer 2 · edited Jan 26 '11 at 21:44

4

you should call code like that

if(function != undefined)
{
 $(function() {
      $('a.arglink').click(function() {
         window.parent.dolink($(this).attr('href'));
         return false;
      });
 });
}

edited Jan 26 '11 at 21:44

Marcel Korpel

21,536
6
60
80

answered Sep 06 '10 at 04:26

azeem

41
1

Alsciende · Answer 3 · 2010-03-31T08:14:53.530

2

What about using frameElement and ownerDocument

<script type="text/javascript">
 $(function() {
      $('a.arglink').click(function() {
         window.frameElement.ownerDocument.parentWindow.dolink($(this).attr('href'));
         return false;
      });
 });
</script>

edited Mar 31 '10 at 08:14

answered Mar 31 '10 at 07:17

Alsciende

26,583
9
51
67

score 0 · Answer 4 · answered Mar 15 '18 at 18:39

0

I just simply did this and it works for me

in iframe

function sendToParent() {
    parent.doSomething(); 
}
sendToParent();

in parent

function doSomething() {
    alert('did it!')
}

answered Mar 15 '18 at 18:39

Selim Özbudak

149
2
8

How to call parent window function in chrome browser?

4 Answers4

Linked