草庐IT

iframe2image

全部标签

javascript - 修改 Dropzone : Show uploaded image in another div

我正在使用dropzone.js创建个人资料图片uploader,我已经复制了布局offeredbyFacebook,但我想让它做的是,当您放下图像时,它会替换放置区内的内容。到目前为止我的演示:ImageLink到目前为止我的代码:Dropzone.options.employeeImageDropzone={maxFiles:1,acceptedFiles:'image/*',addRemoveLinks:true,dictDefaultMessage:'UploadaPhotoFromyourcomputer',paramName:'empImage',init:function

javascript - 在 iframe 中运行的 javascript 会影响主页吗?

部分代码:我下面的代码从我的数据库中提取查询,然后使用inner.HTML=在div中显示数据。它在原始使用中工作正常....然而,以下版本在iFrame中调用,因为它用于更新页面。页面没有错误并且JavaScript被触发但是最后一行不起作用...我刚刚意识到,也许因为它正在加载到隐藏的iFrame中,所以它试图在iFrame中设置一个div的innerHTML,这当然行不通。这是正在发生的事情吗?这没有意义,因为我有另一个脚本以相同的方式在它的末尾调用JavaScript,并且工作正常。';$p=$p.''.$row[artist].'-'.$row['title'].''.$ro

javascript - iframe 单击链接它在父页面而不是 iframe 页面中打开

用户在iframe对话框窗口中单击URL超链接(http://example.com),对话框窗口关闭,链接在父页面中打开。如何在父页面而不是iframe页面中打开点击的链接? 最佳答案 在iFrame页面上:GotoCNN 关于javascript-iframe单击链接它在父页面而不是iframe页面中打开,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3044788/

javascript - 如何检测浏览器是否支持iframe?

有没有办法检测浏览器是否支持iframe? 最佳答案 也许这行得通?HTML:variFramesSupported=false; 关于javascript-如何检测浏览器是否支持iframe?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/5739442/

javascript - 如何从用户脚本访问 iframe 的 javascript?

我正在尝试使用Chrome用户脚本或Tampermonkey脚本来修改具有此结构的页面:contentuphereiframe是同源的。我需要访问iframe#main中的函数。我以为我可以使用unsafeWindow来获取它,但我总是什么也得不到,或者undefined返回。我已经尝试了很多事情:尝试在iframe中创建一个新的脚本元素,但即使使用$('frame#main').contents().append(script)或$('frame#main').contents()[0].createElement('script')window.frames["#main"].co

javascript - 尝试访问 JavaScript 中的 iframe 时出错

我正在尝试从这个小API调用函数SC.Widget:http://developers.soundcloud.com/docs/api/html5-widget,但我在Chrome检查器中收到此错误消息,我被困在那里。UnsafeJavaScriptattempttoaccessframewithURLfile://localhost/Users/maxwell/Desktop/test/test.htmlfromframewithURLhttp://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftrack

javascript - 如何防止 iFrame 中的 JavaScript 访问外部站点的属性,即使 iFrame 的内容来自同一来源?

基本上我想要一个iFrame,它总是限制它的内容,就好像它来自不同的域,即使内容来自相同的来源。有什么办法吗? 最佳答案 最好的解决方案可能是在iframe上使用HTML5沙箱属性,它(默认情况下)明确禁用脚本和对父DOM的同源访问。很好的介绍在http://msdn.microsoft.com/en-us/hh563496.aspx截至2012年12月,这似乎是supportedonmostcurrentbrowsers. 关于javascript-如何防止iFrame中的JavaSc

javascript - 获取IE中显示:none image?的图片高度

我有设置为display:none的图片。我正在使用javascript(document.getElementById('elem').height)来获取这些图像的高度/宽度。这在其他浏览器中有效,但IE报告高度为0(可能是因为它的显示设置为无-因为当我删除显示:无时,高度报告正确)。我尝试将图像包装在一个div中并将div的显示设置为无而不是图像-但这也不起作用。解决这个问题的典型方法是什么? 最佳答案 如果您对图像本身的大小感兴趣,除了在html中设置的任何样式或属性之外,您可以测量具有相同src的新图像。它不会向文档的ht

javascript - 使用Youtube API找到刚刚播放完的Youtube iframe的父div

我有这个功能:functiononPlayerStateChange(event){if(event.data==0){alert(event.target.parentNode);}});每次嵌入式iframe发生“状态更改”时都会调用它。它只会在视频结束时发出警报消息,并且accordingtothedocs,我可以通过调用event.target获取对播放器的引用但是,我希望能够找到event.target的父div但我无法调用它上面的任何jquery或常规javascript。如何找到刚刚结束的播放器的父div? 最佳答案

javascript - 我怎样才能得到一个华丽的弹出窗口来在一个动态画廊中同时显示图像和 iframe 视频?

我正在使用magnificpopup通过以下方式创建图片库:$('.main-content').magnificPopup({delegate:'.gallery',//childitemsselector,byclickingonitpopupwillopentype:'image',gallery:{enabled:true}//otheroptions});我还有一个使用以下内容嵌入的视频:$('.video').magnificPopup({type:'iframe',iframe:{markup:''+''+''+'',//HTMLmarkupofpopup,`mfp-cl