Override pym_id to resize after following links in iframe? about pym-shortcode HOT 2 CLOSED

From my understanding of http://blog.apps.npr.org/pym.js/api/pym.js/1.2.0/module-pym.Child.html, the id in every pymChild configuration should be pym_0 for this embed. The id parameter is supposed to match the ID on the parent page, not set it. The ID of the parent doesn't change, so the ID on every child page needs to be set to match the parent. In http://blog.apps.npr.org/pym.js/#example-follow-links, both of the child pages have and id match the ID of the parent iframe.

I'm not sure if there's a way to automatically set the ID of the child to match the ID of the parent element; perhaps you could do this with a small Javascript script and a query parameter ?pym_id=example that is applied to the first child page loaded. The JavaScript would check for the presence of that query parameter, and if it is set, add that query parameter to all the links in the child page. When the link is clicked, the new child page would have the query parameter, so the JavaScript on the new child page would set it as well.

We should probably make a new pym_id parameter on the shortcode that allows end users to configure the ID of the generated embed on the page, but I don't think that's going to fix your problem in this ticket.

from pym-shortcode.

@KatieMFritz the next version of the Pym Shortcode will include an id="" attribute that will allow you to set a custom ID on the iframe, to solve this problem: #25

from pym-shortcode.