Databases
StackOverflow2013
Postsdbo
POHow to share a data between a window and a frame in JavaScript
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to share a data between a window and a frame in JavaScript
    primarykey
    data
    text
    <p>This is WebKit browsers specific (meaning that I only need to make it work in WebKit specific, i.e. iOS/Android browsers, but I'm testing in Chrome).</p> <p>I have a page. The page loads one or more iframes, with contents from another domain. I need to receive messages (using postMessage()) from these iframes, and I need to be able to identify which iframe a specific message came from.</p> <p>I can't find a way to do that that does not involve throwing something the iframe URL that the iframe contents then can pass back to me. I would like to not have to meddle with the URL, as there is no guarantee I can safely do that (redirects can throw the parameters out, for example).</p> <p>I tried something that I thought was reasonable. When I create the iframe element (it's done from J/S), I associated a property with the element, let's say 'shared_secret'. When I get the message event back from the frame, I tried to locating the element that the calling frame was created with, and reading that property.</p> <pre><code>function onMessage(evt) { var callerId = evt.source.frameElement.shared_secret; // .... } window.addEventListener(message, onMessage); var frameEl = document.createElement('iframe'); frameEl.shared_secret = 'sommething blue'; frameEl.src = 'http://aliens.com/my.html'; somewhereInMyDoc.appendChild(frameEl); </code></pre> <p>When the frame loads, it will run:</p> <pre><code>window.parent.postMessage('do you know who I am?', '*'); </code></pre> <p>However, frameElement turns out undefined in the above onMessage(). I guess for the security reasons, it does work perfectly when the parent/child are from the same domain.</p> <p>And it's actually ironic. Parent window can not access event.source.frameElement because event.source is an alien window. iFrame window can not call window.frameElement, because frameElement is in an alien window. So nobody can get access to it.</p> <p>So, is there something that I can use as a token that I can set on a newly loaded frame, and somehow get back?</p> <p>Thank you.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USPawel Veselov
    1. USPawel Veselov
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to share a data between a window and a frame in JavaScript
      1. This table or related slice is empty.
      1. VTUpMod
    1. COare you trying to access the parent window from the child iframe or the other way around?.
      singulars
      1. POHow to share a data between a window and a frame in JavaScript
      1. USRoman
    2. COI'm not trying to access windows from each other, really. I use message API, but I need to know which of my children is making the call. And there is no way to in advance agree on identification strings.
      singulars
      1. POHow to share a data between a window and a frame in JavaScript
      1. USPawel Veselov
    3. CODoesn't the event.origin field have the value you need? http://dev.w3.org/html5/postmsg/#dom-messageevent-origin
      singulars
      1. POHow to share a data between a window and a frame in JavaScript
      1. USRoman
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload