Sending Messages from Parent to IFrames seems to not work #95

shabeesh · 2021-05-19T09:47:15Z

Hi,

I have a child page running at localhost:8080/apps/child.html, as below.

<!DOCTYPE html>
<script src="https://unpkg.com/[email protected]/dist/post-robot.js"></script>
<div>
    <p id="content">child page</p>
</div>

<script>
 listener=postRobot.on('getUser',{domain: 'http://localhost:8080'}, function(event) {
    console.log(event)
return {
    id:   1234,
    name: 'Zippy the Pinhead',
  };
});
console.log("listener is registered here ")
console.log(listener)
</script>

I have a parent page where the child is included in an iFrame.

<!DOCTYPE html>

<script src="https://unpkg.com/[email protected]/dist/post-robot.js"></script>
<h1> Parent Sending Page</h1>

<iframe src='./Child.html' frameborder="0" id='123'></iframe>
<button onclick=sendMessage()>iFrame Test</button>

<script>
  function sendMessage(){
    let poFrame=document.getElementsByTagName("iframe")[0]
    let poAppSpot=poFrame.contentWindow.parent

    console.log(poFrame)
    console.log(poAppSpot)
  /////
  postRobot.send(
    poAppSpot,'getUser', { id: 1337 } ,  {domain: 'http://localhost:8080'}).
    then(
        function(event) {
          console.log("*** expecting response HERE *** ")
          console.log(event)
          console.log("*** expecting response *** ")
    }).catch(function(err) {

    // Handle any errors that stopped our call from going through

    console.error(err);
});

}
</script>

The scenario is simple, when thebutton testIFrame is clicked, it triggers the sendMessage() method which post the getUser to the Iframe.

    let poFrame=document.getElementsByTagName("iframe")[0]
    let poAppSpot=poFrame.contentWindow.parent // tried with .top as well.

This results in an error No handler found for post message: getUser from http://localhost:8080 in http://localhost:8080/apps/index.html.
Testing in Chrome Version 90.0.4430.212

Do let me know what I am missing as I can't find documentation with regards to sending to iframe.

ryandoll · 2022-08-25T21:16:55Z

Instead of let poAppSpot=poFrame.contentWindow.parent just try let poAppSpot=poFrame.contentWindow

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sending Messages from Parent to IFrames seems to not work #95

Sending Messages from Parent to IFrames seems to not work #95

shabeesh commented May 19, 2021 •

edited

Loading

ryandoll commented Aug 25, 2022

Sending Messages from Parent to IFrames seems to not work #95

Sending Messages from Parent to IFrames seems to not work #95

Comments

shabeesh commented May 19, 2021 • edited Loading

ryandoll commented Aug 25, 2022

shabeesh commented May 19, 2021 •

edited

Loading