Tag: iframe

如何根据内容的长度动态更改对象或iframe的长度

我正在开发一个项目,其中Web页面由不同的片段组成,这些片段动态加载不同类型的对象。 因此,例如,在某个点,页面可能有2个片段,一个显示video,另一个显示一些文本,另一个时间,同一页面可能显示2个文本块。 内容的变化取决于用户查看它,因此相同的片段(由对象标签或iframe定义)可能包含video(mp4,avi等)或文本(pdf,docx,txt等),或者图像等 我遇到的问题与内容的大小(特别是长度)有关。 object和iframe标签都是由一个边界框分隔的,我需要根据内容的长度resize。 如果内容是30页长的PDF,我需要在网页中呈现所有30个页面。 我不能让用户向下滚动来查看PDF的内容,我需要它尽可能无缝地成为网页的一部分。 这里找到的答案似乎提供了一个可能的解决方案。 我不知道JQuery,但我可以学习。 但是,我注意到这些示例中使用的内容始终是一个Web页面。 在我的例子中,iframe的内容可以有许多不同的类型,我想知道JQuery是否可以用来确定不是网页的东西的大小。 如果不能,任何人都可以建议解决我的问题吗? 谢谢。

jQuery提交到iframe

我通过jquery将表单提交到iframe。 我从JSON代码的php文件中得到了结果。 我如何在我的JavaScript中使用此字符串? 形成 … 响应fromupload.php打印到iframe中 {“datafile”:{“name”:””,”type”:””,”tmp_name”:””,”error”:4,”size”:0}} 如果来自php的响应到达,然后访问数据文件的错误属性,那么注册回调的最佳方法是什么?

jQuery – 尝试从iFrame中选择元素(指向并单击)

我正在尝试从HTML标记中获取id和元素名称。 此代码有效: jQuery(document).ready(function(){ $(“*”, document.body).mousemove(function(e){ $(‘#mpos’).html(e.pageX +’, ‘+ e.pageY); e.stopPropagation(); var domEl = $(this).get(0); $(‘#elem’).html(domEl.tagName); $(‘#ide’).html(domEl.id); }); }); 但我希望它也可以在iFrame中使用。 如果我现在尝试,它只显示iFrame的id和元素名称。 提前致谢!

parent.location.assign(url)无法使用fancybox iframe

我正在尝试重新加载浏览器,用户在fancybox中点击了一个url链接,因此父窗口将在fancybox关闭后转到url,但仅在链接被点击时才会正常关闭fancybox。 我在fancybox中打开一个asp文件,它使用google maps api来显示交互式地图。 我正在测试点击标记时,infowindow会打开一个链接,这是一个新位置。 我已经关闭了fancybox并且父窗口重新加载,但由于某种原因我无法将父位置更改为新的URL! 我觉得应该工作,因为其他一切都有效,这让我感到非常困惑。 我的asp文件中使用google maps api的代码如下所示: var contentstring = document.createElement(“div”); contentstring.innerHTML = ”+ ”+”+ ”+”+”+’Diamond Head State Monument, Park and Trail’+”+”+”+ ”; contentstring.className = “map-popup”; contentstring.style.height = “60px”; var infowindow = new google.maps.InfoWindow({content: contentstring}); google.maps.event.addListener(marker9, ‘click’, function() { infowindow.open(map,marker9); }); 我注意到的另一个奇怪的事情是,虽然我在fancybox $ .ready函数中创建了afterClose构造,但是当我强制fancybox与父级关闭时,它不会被调用。$。fancybox.close()但是如果我关闭它会被调用通常是fancybox。 我应该补充一点,上面的代码是在我的asp文件的head部分而不是body中调用的。 我整夜都在黑客攻击这件事,但我仍然没有看到什么是错的。 我非常感谢任何有助于实现这一目标的帮助。 总而言之,fancybox中关闭并重新加载新URL的调用是: parent.$.fancybox.close(); parent.location.assign(new-url); parent.location.reload(true); 但由于某种原因,fancybox关闭并使用现有/旧URL重新加载父级。 […]

如何检测重叠元素下的点击?

我有两个HTML文档, b.html包含使用iframe c.html 。 在b.html我需要绘制一些DIV(在我的示例中为id = selector),它部分覆盖了iframe可视化的c.html内容。 我需要在DIV选择器下获取与鼠标坐标对应的DOM元素的ID。 目前在c.html直接使用document.elementFromPoint()可以部分工作,就像鼠标在DIV选择器上时一样,我无法识别c.html中的c.html DOM元素(在本例中为DIV c)。 我需要知道: 是否可以使用document.elementFromPoint()或任何其他方法选择另一个元素? 什么是可能的替代解决方案可能使用DOM和本机API? 这里的示例(请查看Chrome中的控制台): http://jsfiddle.net/s94cnckm/5/ ———————————————– b.html B window.app = { start: function () { } }; #selector { position: absolute; top: 150px; left: 150px; width: 250px; height: 250px; -webkit-box-shadow: 0px 0px 0px 5px yellow; -moz-box-shadow: 0px 0px 0px 5px yellow; box-shadow: 0px 0px […]

写一些html和js到iframe,不在IE中工作:$未定义?

我将一些html和js写入iframe,而不是在IE7 / 8/9中工作,错误信息是:$未定义? 我的代码是: Demo window.onload=function(){ var data=’\ \ \ Demo\ \ \ $(function(){\ alert(“abc”);\ });\ \ \ \ \ ‘; window.frames[“code_result”].document.open(); window.frames[“code_result”].document.write(data); window.frames[“code_result”].document.close(); } 谁能告诉我为什么?谢谢 更新 此错误仅在IE78 / 9中显示,它在Chrome和FireFox中运行良好

使用javascript选择帧上下文

有没有办法用Javascript以编程方式选择框架上下文? 假设当前网页中存在两个不同的框架,我需要将“hello”附加到第二个框架。 问题是第二帧具有与当前网页不同的域。 使用chrome开发人员工具,我可以简单地选择第二帧上下文并从控制台执行$(‘body’).append(‘hello’) ,但我应该能够以编程方式执行此操作。 参考: 使用Chrome开发人员工具调试iframe 有没有办法实现这个目标? 意图 :我需要创建一个专门针对具有与主网页不同的域的框架的书签。

如何点击iframe删除它?

好吧,我得到了最基本的问题。 我想在div中选择iframe。 无论何时点击此iframe,我都想删除iframe。 我怎样才能做到这一点? Random thoughts 见这里: http : //jsfiddle.net/nT4uZ/1/

使用表单提交和重定向

我目前有一个表格,使用GET方法向联盟会员提交数据。 问题是,当用户填写表单时,他们被重定向到与GET操作相同的URL,它是随机代码的api页面。 我需要填写表单的用户重定向到我主持的感谢页面,而表单中的信息仍然发送到该联盟api页面。 我无法操纵联盟api页面。 我该怎么做呢? 我听过不同的答案,包括POST,iframe,ajax,onsubmit。 有人可以确认哪种方法效果最好,为什么?

jQuery点击跟踪无法在iFrame上运行

首先,这是我的代码: $(‘#Advertisement-1’).click(function () { alert(“Ad Clicked!”); }); 现在,我的问题是当我点击广告时,它不会发送提醒。 它只是在新窗口中打开广告。 任何想法如何让点击事件工作?