在具有自动高度的 IFrame 中获取 Google 表单

2024-03-04

所以我有一个用 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(使用前将#替换为@)

在具有自动高度的 IFrame 中获取 Google 表单 的相关文章

  • 如何从 JavaScript 中的字符串中删除空白字符?

    如何从 JavaScript 中的字符串中删除空白字符 修剪很容易 但我不知道如何将它们从inside字符串 例如 222 334 gt 222334 您可以使用正则表达式 如下所示来替换所有空格 var oldString 222 334
  • libxmljs 的替代品 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 目标 使用 Node js 访问网页 使用 xpath 语法操作 DOM 并打印新的 DOM libxm
  • ReactiveX:仅对每组中的最后一项进行分组和缓冲

    如何对 Observable 进行分组 并从每个 GroupedObservable 中仅将最后发出的项保留在内存中 这样每个组的行为就像BehaviorSubject 一样 像这样的东西 user 1 msg Anyone here us
  • 如何在bootstrap中默认隐藏侧边栏?

    我在这里有一个很好的参考 作为 Bootstrap 在设计 Web 表单应用程序时的侧边栏 http startbootstrap com template overviews simple sidebar http startbootst
  • 实现悬停信息框

    我有一个日历 当用户将鼠标悬停在单元格上时 会出现一个很大的信息框 其中包含该日期的详细信息 虽然当用户离开时使信息框消失 但我遇到了一些麻烦 我基本上想要它 这样当鼠标光标移出信息框隐藏的日历单元格时 它就会消失 但我遇到了麻烦 因为mo
  • Sequelize - 使用 es6 和模块运行迁移

    我不确定我是否做错了什么或者什么 我觉得我正在运行一个现代的 相当常见的堆栈 但我无法让新的 Sequelize v6 与我的设置完美配合 我在 Node v14 17 Sequelize v6 6 2 上 在我的 package json
  • 在多个动态添加的表单上初始化 jQuery validate() 函数

    有人建议最好初始化一个 form validate 在页面加载而不是点击事件上运行 jquery form validate 插件仅允许在输入更改时提交 https stackoverflow com questions 10984196
  • React 应用程序中的 addEventListener 不起作用

    一些背景 我正在尝试消费自定义网络组件在 React 应用程序中并尝试监听来自 Web 组件的事件 我相信您不能只在自定义 Web 组件上以通常的反应方式处理事件 i e
  • 避免在 ES6 的函数内定位 this 的对象作用域

    例如 我正在使用 D3 js 运行一个项目 导入特定模块并调用它们的函数 Setup TypeScript ES6 导入特定的 D3 组件 角6 我有一个对象 在本例中是一个角度指令 并在 SVG 画布上绘制一些圆圈 并希望它们在拖动事件上
  • 自定义指令链接中的 element.replaceWith 仅在第一次调用时有效

    我是 Angularjs 的新手 不太了解幕后的情况 基本上我想创建一个 E 扭结指令 基于控制器中的数据 我动态创建html 就像整个 表 一样 以替换该指令 我的 html 文件中的指令是这样的
  • @aspnet/signalr 与 @microsoft/signalr javascript 库

    aspnet signalr 与 microsoft signalr javascript 库有什么区别 两者似乎都对 DotNetCore SignalR 有效 两者似乎都很活跃 在一些教程中 我找到 aspnet signalr 在Do
  • 有没有办法伪造同步 XHR 请求?

    我正在使用 Emscripten 系统将一堆 C 代码移植到 Javascript C 代码有很多调用fopen这是一个同步 IO 调用 在 Emscripten 中 我们使用对本地资源的 XHR 请求来模拟这一点however 在 Fir
  • 尝试使用 Firebug 查找 JavaScript 文件中的函数

    我试图找到这个函数调用 myFooBar 该函数在某些 HTML 中内联引用 但页面加载了大量 JavaScript 并且在每个文件中搜索该函数需要相当多的工作 如何使用 Firebug 找到此函数所在的 JavaScript 文件 打开脚
  • 为什么 Array.prototype.filter() 在 Magnolia JavaScript 模型中抛出错误?

    我正在尝试过滤 FreeMarker 列表Magnolia JavaScript 模型 https documentation magnolia cms com display DOCS61 How to work with JavaScr
  • 根据特定字符获取整个字符串或子字符串

    我有一个包含 MIME 类型的字符串 例如application json 现在我想将其与实际的 HTTP 标头进行比较 在本例中content type 如果标头包含 MIME 类型 那么就很简单 if mimeType contentT
  • Outlook 加载项,无法读取未定义的属性“BeginRequestEventArgs”

    我使用 Visual Studio 开发了 Outlook 插件 我的插件有一个按钮 用于填充会议邀请正文中的详细信息并添加所需的与会者 这在 99 的情况下都有效 但是 时不时地它会给我下面的 JavaScript 错误 Uncaught
  • 不使用控件时,视频元素在 Chrome 中消失

    So I think这是一个浏览器错误 它出现在一个更复杂的设计 网站中 但我已经进行了很好的尝试 简化了我的代码和设计等 并发现了以下内容 嵌入时
  • Javascript 中 if 语句中的假值?

    过去两周 我在学校研究 JavaScript 的事情已经有一段时间了 而且我一直在做我的作业 在 Douglas Crockford 所著的 JavaScript The Good Parts 一书中 作者在第 11 页上列出了 if 语句
  • D3 将现有 SVG 字符串(或元素)追加(插入)到 DIV

    我到处寻找这个问题的答案 并找到了一些我认为可能有用的资源 但最终没有让我找到答案 这里有一些 外部SVG http bl ocks org mbostock 1014829 嵌入SVG https stackoverflow com qu
  • JQuery 删除和内存泄漏

    我正在开发一个游戏 我看到了很多内存消耗 我使用jquery animate 动画完成后 我 remove 元素 我的问题是 从 dom 树中删除一个元素后 对象还存在记忆中吗 Javascript 是一种垃圾收集语言 这意味着当没有代码保

随机推荐

  • 如何理解“明显不断评估”的定义?

    P0595 https wg21 link P0595介绍了std is constant evaluated 功能 本文讨论了在某些情况下 包含表达式是常量表达式 但编译器不需要在编译时计算的情况 给出的例子是 constexpr dou
  • 如何在 xcode 4.5 中默认禁用自动布局?

    这里有一个问题 Xcode 4 5 损坏 XIB https stackoverflow com questions 11137669 xcode 4 5 corrupting xibs说明了 xcode 4 5 创建不能在 ios5 上运
  • 通过Intent发送短信并了解短信是否已发送

    我尝试使用以下代码通过 Intent 发送短信 Intent intent new Intent Intent ACTION VIEW intent setData Uri parse smsto phoneNumber intent pu
  • BeautifulSoup .select() 方法是否支持使用正则表达式?

    假设我想使用 BeautifulSoup 解析 html 并且想使用 css 选择器来查找特定标签 我会通过这样做来 充实 它 from bs4 import BeautifulSoup soup BeautifulSoup html 如果
  • 如何检测访问者所在国家/地区

    为了检测访问者国家 地区 我在许多论坛中看到了下面建议的代码 但我无法让它工作 modGlobal ResolveCountry ThreeLetterISORegionName 在我的本地计算机上 它正确返回我的计算机区域设置区域 而在生
  • Android:套接字已关闭

    电脑客户端 public class PCServer param args static Socket socket null private static String ip 192 168 42 129 private static
  • 使用 FOSUserBundle 创建自定义字段

    我想使用 FOSUserBundle 添加地址和电话号码 如何使用 FOSuserBundle 添加自定义字段以获得包含地址和电话号码的个人资料 创建自己的用户包并在 MyCompanyUserBundle php 中设置 public f
  • 可以使用 SQL 按日期排序,但将空日期放在结果集的后面吗?

    我在 MySQL 数据库中有一堆任务 其中一个字段是 截止日期 并非每项任务都必须有截止日期 我想使用 SQL 按截止日期对任务进行排序 但将没有截止日期的任务放在结果集的后面 就像现在一样 空日期首先显示 然后其余日期按最早到最晚的截止日
  • 为什么性能分析器中的内存使用部分被禁用?

    我想运行内存使用会话或对象分配 最好两者都运行 但我只有可用类型 CPU 使用情况和 GPU 使用情况 当给定部分被禁用时 VS 不会显示任何提示 我尝试了我编写的其他几个项目 一个接一个都只有这两个部分 我运行 64 位 Windows
  • 加载PEM格式证书

    如何在 openssl c 中将 PEM 格式证书加载为 x509 int SSL use certificate SSL ssl X509 x int SSL use certificate ASN1 SSL ssl unsigned c
  • php_mongo 扩展已安装,但为什么 rockmongo 仍然无法连接?

    我有一个wamp服务器 我还安装了 mongodb 我已经安装了 php mongo 扩展 在 php ini 中进行更改 我下载了 rockmongo 将文件解压到我的 www 文件夹中 我编辑了配置文件 但是当我尝试打开 GUI 时 它
  • Rails 4 中具有多个字的控制器的路由

    我刚刚升级到 Rails 4 发现路由出现意外行为 我们有一个名为 EmailPreviewController 的控制器 其路由是 get emailpreview controller EmailPreview action index
  • 配置 webpack 以允许浏览器调试

    我是 webpack 的新手 我正在转换现有的 Web 应用程序以使用它 我正在使用 webpack 来捆绑和缩小我的 JS 这在部署时非常有用 但这使得在开发过程中调试非常困难 通常我使用 chrome 内置的调试器来调试 JS 问题 或
  • SQL Server 探查器

    当您使用 SQL Server 探查器时 持续时间和 CPU 之间有什么区别 我知道默认情况下两者都以毫秒显示 CPU 是运行查询所需的 CPU 时间 而持续时间更像是查询返回任何数据所需的时间 根据我的理解 如果存在任何阻塞等 您的 CP
  • 如何在Java中使用PDFBox获取PDF文件中的所有书签

    我是 Apache PDFbox 的新手 我想使用Java中的PDFBox库提取PDF文件中的所有书签 知道如何提取它们吗 来自在源码下载中 PDDocument document PDDocument load new File PDDo
  • 将表从一个数据库复制到另一个数据库的最简单方法?

    当数据库位于不同用户下时 将数据从一个数据库中的表复制到另一个数据库中的表的最佳方法是什么 我知道我可以使用 INSERT INTO database2 table2 SELECT from database1 table1 但这里的问题是
  • Android 应用程序通过移动端口使用 P2P 模式流式传输 IP 摄像机?

    我正在尝试通过 Android 应用程序上的 IP 摄像头流式传输视频 我已经使用以下方法成功获取了视频 使用媒体播放器和 Surface View 的 RTSP 使用视频视图的 RTSP 重定向到 VLC 以流式传输视频 重定向到本机 用
  • 实际示例使用 dup 或 dup2

    我知道什么dup dup2 http www opengroup org onlinepubs 009695399 functions dup html可以 但是不知道什么时候会用到 有什么实际例子吗 示例之一是 I O 重定向 为此 您分
  • android sdk 位置不能位于文件系统根目录

    我已经将 Android Studio 安装在 F 驱动器中 我的 Flutter 项目位于 E 驱动器中 Flutter插件安装在Android Studio中 但是当我在 Android Studio 中打开项目并转到 SDK 管理器时
  • 在具有自动高度的 IFrame 中获取 Google 表单

    所以我有一个用 Google Docs 构建的表单 因为它看起来比从头开始更容易 我通过将代码从谷歌页面复制粘贴到我的域上的页面来实现这一点 我设法用我在这里找到的这个可爱的小脚本让它自动调整其高度 http www frontpagewe