草庐IT

iframe2image

全部标签

javascript - 在 jQuery UI 模态对话框中显示 iframe 的加载动画

用户界面专家,我试图在jquery模式对话框中的iframe中加载一个慢速网站,但我遇到了麻烦。这是我的用例:打开一个jquery对话框,带有一个“正在加载...”gif在后台加载不同的URL加载后,将gif替换为URL我可以用下面的代码直接打开URL:varpopup=$('').prependTo('body');popup.prepend('');$('.dialogIFrame').attr("src",'http://myslowsite');$('.dialogIFrame').show();popup.dialog({modal:true,title:'Site',wid

javascript - 重新加载一个没有闪烁/闪光的 iframe(在 Javascript 中)

我想问一下是否有人有一个简单的解决方案,可以让我重新加载/刷新iframe但在页面重新加载时没有闪烁/闪烁,这可能吗?也许动画模糊然后模糊而不是闪烁/闪光?我不知道任何输入会有帮助,谢谢。这是我现在重新加载iframe的方式document.getElementById("FrameID").contentDocument.location.reload(true);感谢您的帮助。 最佳答案 最简单的方法:在DOM外部或隐藏元素中创建一个新的iframe。在隐藏框架内加载页面一旦负载甚至在隐藏框架内触发,只需交换它们即可!交换要实际

javascript - 在 ReactJS 中将 iframe 高度设置为 scrollHeight

由于以下原因,问题的典型解决方案在React中不起作用它动态生成的组件结构和事件模型,而不是传统的静态HTML:脚本:functionresizeIframe(obj){obj.style.height=obj.contentWindow.document.body.scrollHeight+'px';}html:有一个npm包react-iframe,但看起来还未完成(仅接受属性url、width、height):https://www.npmjs.com/package/react-iframe解决方案的可能部分是监听load事件iframe,但以与React兼容的方式。在Reac

javascript - IE8 iframe DesignMode 失去选择

下面的示例是一个使用window.parent.[打开设计模式](有效)的iframe的简单示例。在FF中一切都很好,但在IE8中(惊喜)当您点击iframe时,所做的任何选择都会丢失。这完全否定了在iframe之外使用工具。4天后我找不到解决方案...在IE8中打开http://www.chromedigital.co.za/hydrapage/test.htm 最佳答案 在主文档中您不想破坏iframe选择的任何元素上,添加unselectable="on"。例如:Bold 关于ja

jquery - iframe src 设置大的base64数据

我有用于PDF预览的iframe和大量base64数据(超过10mb)。'我如何使用这些数据?当我尝试设置数据时:$("iframe").attr("src",data);一些浏览器崩溃了。我没有源链接。该数据由ajax接收。有什么建议吗? 最佳答案 试试这个:也许为时已晚: 关于jquery-iframesrc设置大的base64数据,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/question

javascript - 显示微调器,直到 iframe 加载了 http post 响应

我有两个网站A.com和B.com。我必须将B.com嵌入到A.com的iframe中。我无法在B.com进行任何更改B.com仅适用于带有一些发布数据的发布请求。我的工作如下//Createiframevar$ifr=$('');//createformvar$form=$('');//AppendhiddenfieldtoformtopasspostData$form.append($('').val('data'));//Appendformtotheiframeandthenappendiframetothediv$('#frameDiv').append($ifr.appen

javascript - 检查 iframe 是否加载到 $(document).ready 中

我想检查iframe是否加载了以下代码:$(document).ready(function(){jQuery('#iframeID').ready(somefunction);}似乎在加载iframe之前调用了“somefunction”(iframe是空的-只是空的html-head-body)。知道为什么会这样吗?谢谢。 最佳答案 试试这个。$('#iframeID').load(function(){callback(this);});在处理iFrame时,使用load()事件代替$(document).ready()事件就

javascript - bx slider : how to disable slide show when only one image is present

我正在使用bxslider创建我的图像的幻灯片。图像正在动态更新。我的问题是杂耍淡入和淡出工作,即使只有一张图像存在。我怎样才能阻止它?bxslider选项是varcoverSlider=$('.bxslider').bxSlider({auto:true,minSlides:1,maxSlides:1,pager:false,speed:500,pause:3000,autoHover:true,mode:'fade',controls:false})我正在使用重新加载方法在添加或删除新图像时更新slidercoverSlider.reloadSlider();

javascript - 将 href 包裹在 iframe 周围

我想在vimeo或youtube视频周围包装一个href并阻止嵌入的默认播放点击事件,然后转到href。有谁知道如何做到这一点? 最佳答案 htmlCSS.linkwrap{position:relative;display:inline-block;}.blocker{position:absolute;height:100%;width:100%;z-index:1;background:rgba(255,0,0,0.5);}.linkwrapiframe{z-index:2;}jsfiddle-here

javascript - 如何为按钮提供浏览器 "save image as"选项

我正在做一个Canvas绘图项目。我将Canvas转换为图像,然后将该图像保存为“.png”。我必须右键单击图像并选择“将图像另存为”选项。但我想通过一个按钮提供该选项。当我单击按钮时,它应该被保存。任何例子或想法将不胜感激。这是一个将canvas转为png的js函数。functionsave2(){window.open(canvas.toDataURL('image/png'));vargh=(canvas.toDataURL('png'));alert("converted");} 最佳答案 在现代浏览器中你可以使用下载属性f