草庐IT

iframe-resizer

全部标签

javascript - 通过 Javascript 将 IFRAME 添加到 DOM

我想在页面中添加一个iframe。此iframe应引用一个URL。我将以下代码添加到页面HTML,但它不起作用:document.createElement(''); 最佳答案 给你:variframe;iframe=document.createElement('iframe');iframe.src='http://example.com/file.zip';iframe.style.display='none';document.body.appendChild(iframe);现场演示:http://jsfiddle.net

javascript - 手机间隙 : Resize webview on keyboard display in Android

我有一个类似(固定定位)的模态,类似于facebook在最新的android版本中的feed/chatinmessenger中的评论。我想要的看起来与此类似:因此,当您专注于输入时,键盘会打开并缩小WebView。默认情况下它不工作,我找不到任何解决方案。我试图将此首选项添加到config.xml但adjustResize没有做任何事情,并且stateVisible只是在我启动时打开键盘应用程序。这很奇怪。截至AndroidDocumentationadjustResize应该这样做:Theactivity'smainwindowisalwaysresizedtomakeroomfor

javascript - 刷新 iframe

如何刷新iframe?例如:我点击这个iframe中的“视频”,然后点击一个按钮来刷新iframe,我希望当iframe刷新时,出现在那个“视频”页面上。 最佳答案 由于单源策略,您无法刷新其中的内部文档。您是否尝试过更改iframe的src属性并添加随机GET字符串以强制重新加载?这应该有效:document.getElementById("myiframe").src="http://www.google.com?"+(+newDate()); 关于javascript-刷新ifra

javascript - jQuery Resizable 句柄 z-index

我注意到jQueryUI的可调整大小的句柄位于页面中所有其他元素的顶部。我使用Chrome的开发人员工具进行了检查,发现它们自动获得了1001的z-index。有没有办法禁用它并只为它们提供与可调整大小元素相同的z-index?谢谢。 最佳答案 最适合我,因为没有!important规则会被覆盖。.ui-resizable-handle{z-index:auto!important;} 关于javascript-jQueryResizable句柄z-index,我们在StackOverf

javascript - 如何获取 iframe 的全部内容?

我需要从同一域获取iframe的全部内容。完整内容意味着我想要从开始的所有内容(包括),不仅内容。内容在加载后被修改,所以我无法从服务器再次获取它。 最佳答案 我相信我已经找到了最好的解决方案:vardocument=iframeObject.contentDocument;varserializer=newXMLSerializer();varcontent=serializer.serializeToString(document);在content中,我们有完整的iframe内容,包括DOCTYPE元素,这在以前的解决方案中是

javascript - iOS (iPad) 上的 iframe 内容裁剪问题

我正在寻找正确的方法来确保在ipad/iOS5上的iframe中滚动后动态显示的内容可见。OhIframes和iPad-你真是个了不起的老栗子。我知道:iPad将iframe扩展到其中内容的整个高度(几乎就像它使用HTML5的“seamless”属性,但不完全是因为它不从父级继承样式或事件)。对许多人来说很奇怪,很烦人,但却是事实。因此是无用的,因为它根据其内容调整大小,而不是根据容器调整大小我需要将我的iframe包装在一个div中-啦啦或者介绍一些trickery设置框架的滚动位置(我认为这是基于thisarticle中提到的技巧)我的问题是,在iframe主体内动态显示的内容(例

javascript - 如何将新的 Google map 共享链接转换为 iframe 嵌入 html?

在我的应用程序中,用户只需粘贴一个指向诸如youtube或vimeo视频或某些soundcloud音频的链接,然后它就会找出如何通过oembed嵌入这些内容。因此,如果您将链接粘贴到从地址栏复制的视频,它就可以识别出来。如果您在应用程序的“共享对话框”中粘贴应用程序踢出的共享链接,它也可以工作。如果您粘贴iframe嵌入代码,我可以解析它并根据白名单检查它,您会再次得到完全相同的结果。我也想添加谷歌地图嵌入,但它不支持嵌入。此外,您现在可以获得“经典”(或旧的)Googlemap,但您也可以获得新的googlemap。(更复杂的是,您还可以获得谷歌地图引擎,但我们暂时忽略它......

javascript - Chrome 开发工具在调试 iframe contentWindow 时崩溃

我正在尝试调试iframe的contentWindow,但每次我尝试在chrome59上查看contentWindow对象时dev-tools页面崩溃。将contentWindow属性悬停在断点上或单击控制台记录的对象时会发生这种情况。我正在使用ReactJS,所以我创建了一个Reactfiddle,尽管我认为这不相关。Fiddletoreproduce:打开开发工具点击“试用”单击console.logged对象。有没有办法避免崩溃? 最佳答案 由于新的contextselection,这似乎已在chrome60上得到修复.特征

javascript - 在非对象上调用 React iframe youtube : Object. defineProperty

我制作了一个组件,用于在我的React应用程序中嵌入YouTube视频,效果很好。为此,我使用了iframe。但即使它有效,我也不知道为什么但我得到了这个错误。sw.js:5UncaughtTypeError:Object.definePropertycalledonnon-object这似乎是一个youtube问题,因为如果我在iframe中使用另一个URL比:https://www.youtube.com/embed/ZJD1zoAaCmo例如:https://www.dailymotion.com/embed/video/xwr14q我不会再有错误了如果您有任何想法,我们将不胜感

javascript - 允许 textarea resize 缩小(不仅仅是增长)元素的原始/默认大小

我正在尝试创建一个textarea元素,该元素具有以编程方式定义的原始/默认大小,但用户可以在定义的限制内调整大小,使其既可以增长也可以收缩。我已尝试设置resize、min-width、max-width和width属性文本区域,但是到目前为止,这只允许用户增长textarea元素,而不能缩小。浏览器将允许用户在width和max-width范围内调整元素大小,而不是在min-width范围内>和max-width,如预期的那样。是否有一种简单的方法来指定默认大小,该大小也不会被视为最小大小?这是我正在使用的代码:functiontextAreaWithDefault(size){v