所以我有一个用 Google Docs 构建的表单,因为它看起来比从头开始更容易。我通过将代码从谷歌页面复制粘贴到我的域上的页面来实现这一点。
我设法用我在这里找到的这个可爱的小脚本让它自动调整其高度:http://www.frontpagewebmaster.com/m-89000/tm.htm http://www.frontpagewebmaster.com/m-89000/tm.htm(这不是关于如何动态调整 iframe 大小的另一个线程)
function changeContent() {
document.getElementById('contentDIV').innerHTML = window.frames['contentFRAME'].document.getElementsByTagName('html')[0].innerHTML;
}
以及我显示的页面上的 iframe:
<div class="right" id="contentDIV">
<iframe id="contentFRAME" src="raw-form.html" name="contentFRAME" onLoad="changeContent()" style="height:0; width:0; border-width:0;">Loading...</iframe>
</div>
但现在,当我点击提交时,确认或错误页面会在 _parent 窗口(可能是 _top)中打开,而不是在 iframe 中(_self,这应该是默认值?)。 target="" 已折旧并且不起作用。 iframe 内的任何链接也会发生这种情况。
我尝试了几个不同的调整大小脚本,但我不知道如何解决?或者代码实际上并不能满足我的目的?我不确定...这是我正在做的工作:http://fiendconsulting.com/60minutedesign/form-embed.html http://fiendconsulting.com/60minutedesign/form-embed.html
我需要的:在首次加载父页面时调整 iframe 内容大小并打开其 _self 框架/页面/其他内容中的所有链接的东西。
我不关心什么:调整 iframe 的大小以适应后续页面的内容。如果我单击 iframe 内的链接,我不需要 iframe 调整大小到我刚刚访问的任何页面。
我是一名自学成才的程序员,我的知识中存在一些有趣的空白。我也刚刚开始学习 JS 和 PHP,正处于阅读、评论和蚕食阶段。最好假设我不知道,如果你告诉我将代码放在哪里(哪个文档以及文档中的哪个位置),这会对我有很大帮助。 :)
我不确定您要做什么,因为您提供的链接似乎不起作用;但是,我相信您的问题可能是由于您的调整大小功能造成的。
你的职能:
function changeContent() {
document.getElementById('contentDIV').innerHTML = window.frames['contentFRAME'].document.getElementsByTagName('html')[0].innerHTML;
}
您获取元素“contentDiv”,获取“iframe”的 HTML,然后将其设置为内容 div。这会导致您的“iframe”不再存在。
例如:
假设我的内容 div 有这个:
<div class="right" id="contentDIV">
<iframe id="contentFRAME" src="raw-form.html" name="contentFRAME" onLoad="changeContent()" style="height:0; width:0; border-width:0;">Loading...</iframe>
</div>
我的 iframe 只有 1 个链接:<a href="www.example.com">Example Link</a>
在你的函数之后,你的 contentDiv 现在看起来像:
<div class="right" id="contentDIV">
<a href="www.example.com">Example Link</a>
</div>
您已经有效地删除了 iframe 并将 iframe 的内容(链接)放入您的主 div 中。现在,如果您单击该元素,它将自动在同一页面上打开 - 即“父级”,但不再有父级了!
因此,展望未来,您不应该替换内容;相反,您应该修改 iframe 的高度/宽度。看一下:调整 iframe 的宽度高度以适应其中的内容 https://stackoverflow.com/questions/819416/adjust-width-height-of-iframe-to-fit-with-content-in-it
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)