带有 iframe 和 Javascript 的邮政编码检查器答案

【问题标题】：zipcode checker with iframe in combination with Javascript带有 iframe 和 Javascript 的邮政编码检查器
【发布时间】：2013-12-17 11:01:04
【问题描述】：

我的网站有问题，它基于 Joomla 2.5.16 我会尽量解释我的问题。

在我的网站上，我有一个邮政编码检查器，人们可以检查家庭光纤的可用性。邮政编码检查器与 iframe 结合使用，并与我放在标题中的 javascript 代码结合使用。

Javascript 代码确定 iframe 的高度。正如您在www.nederlandkiestvoorglasvezel.nl/glasvezel-vergelijken 看到的那样，iframe 的高度是错误的。好像有些东西被 javascriptcode 覆盖了。

因为当我在 Joomla 之外测试 iframe 和 javascriptcode 时，de zipcode checker 工作正常。你可以在这里看到它：http://www.nederlandkiestvoorglasvezel.nl/iframeTest.htm

但是，似乎收到了错误的数据，却在你的 Joomla 站点中覆盖了相同的代码正确的值，我看不出有什么理由在通过以下之后的一切：家长收到消息！：440

所以我希望有人能告诉我是什么问题，我已经尝试了几个选项并从我的主机获得了帮助，但我们无法解决它。

问候，

罗格

【问题讨论】：

尽可能，尽可能好！抱歉，这让我很烦：P
看起来代码与页面上的其他 iFrame（来自社交插件）混淆了，并且您的 iFrame 上没有引发事件

标签： javascript iframe joomla2.5

【解决方案1】：

我希望它像这样愚蠢。用萤火虫之类的东西查看您在 iframe 中设置的高度。您会注意到 height 属性设置为{"s":"__cb","f":"oauth2relay368429625","c":0,"a":[40,false],"t":"852486603","l":false,"g":true,"r":"oauth2relay368429625"}px。

您可能应该解决这个问题，然后它会起作用:)

编辑 - 更多细节。这段代码导致了它：

// Listen to message from child window
eventer(messageEvent,function(e) {
console.log('parent received message!: ',e.data);
document.getElementById('internetdealerframe').height = e.data + 'px';
},false);

由于您传递的不仅仅是一个数字，因此整个字符串都被用作高度。

编辑#2

看起来您实际上并没有在这些 postMessage 调用中的任何地方传递有效高度 - 第一个具有任何“高度”的调用包含以下内容：!_{"s":"/I0_1387279282212::_renderstart","f":"I0_1387279282212","r":"I0_1387279282212","t":"24007401","a":[{"height":20,"width":90,"title":"+1"}],"g":false}。而且我认为您实际上并不希望 iframe 的高度为 20 像素。

【讨论】：

感谢您的回答，但我不明白，因为在我的测试 iframe 中，在 Joomla 之外，de height 有效.. 如您所见，nederlandkiestvoorglasvezel.nl/iframeTest.htm

【解决方案2】：

谢谢你的回答，但我不明白，

因为在我的测试 iframe 中，在 Joomla 之外，de height 可以工作.. 如您所见，http://www.nederlandkiestvoorglasvezel.nl/iframeTest.htm

【讨论】：