草庐IT

iframe-resizer

全部标签

javascript - Jquery resize() 导致屏幕闪烁和 div 偏移

背景:我正在尝试创建一个系统,允许使用鼠标向上滚动和鼠标向下滚动来滚动浏览一种map,如下所示:-------|||1|||-----------------------------------|||||||||2||3||4||5|||||||||-----------------------------------|||6|||-------上面的每个框都在javascript中重置为浏览器的高度和宽度。当您上下滚动鼠标时,浏览器将滚动到map中的相同位置,从div1开始,然后是2,依此类推。此定位是通过我的滚动功能设置的,它会监听鼠标滚动并在顶部添加适当的填充并在左侧添加适当的边

javascript - 检查内容是否可以在 iFrame 中显示不起作用

我有以下代码来检查网页是否可以加框:varreq=newXMLHttpRequest();vartest=req.open('GET',link,false);console.log("test",test);//ALWAYSundefinedif(req.send(null)){//ALWAYSthrowserrorNS_ERROR_FAILUREvarheaders=req.getAllResponseHeaders().toLowerCase();console.log("headers");}else{console.log("FAILED");}我用几个链接测试了它,无论是否

javascript - 从主页上的 iframe 发送消息

我从这个文档中看到:https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage,将数据正确传递到iframe的方法。但是现在我想发送一个答案://frommainpagemyIframe.contentWindow.postMessage('sendmearesponse','*');//fromiframeofmainpagewindow.addEventListener("message",receiveMessage,false);functionreceiveMessage(event){alert(e

javascript - 拦截iframe消息嵌套iframe,跨域

我有一个来自domain1.com的网页,那里有一个domain2.com的iframe,然后我在domain3.com的domain2.com中有另一个iframe我想在domain2.com中拦截来自domain3.com的消息,如果domain2.com不在domain1.com中,则消息会被正确接收,但如果我在domain1.com中有domain2.com,则来自domain3.com由domain1.com而不是domain2.com接收。有没有办法在domain2.com中捕获这些消息?结构是这样的domain1.com有内部iframesrc="domain2.com"

javascript - Bootstrap : Responsitive design - execute JS when window is resized from 980px to 979px

我使用的是上一个Twitter的Bootstrap。当我的窗口宽度小于980px时,我想执行某个JS函数(显示一次工具提示)(如你所知,在这个尺寸上,Bootstrap修改Navbar并隐藏标准菜单项)——窗口从768到979,简而言之.这个我知道@media(min-width:768px)and(max-width:979px){...}此选项可用于捕获事件。但是,它可能仅用于更改现有样式,例如body{background-color:#ccc;}我需要启动JS函数,或者为元素添加或删除特定样式。我试过:window.onresize=function(){if(window.o

javascript - 通过 iframe 登录到远程站点

好的,所以我需要做的是能够将来自远程站点的登录屏幕放在iframe中,当他们单击登录按钮时,它会将他们登录到远程站点,然后将本地页面更改为第2页到目前为止,这是我设法做的很少的事情。如果这不可能,我是否能够创建一个本地登录,将信息传递到远程站点并获取一个cookie,然后加载下一个本地页面?#outerdiv{width:400px;height:360px;overflow:hidden;position:relative;}#inneriframe{position:absolute;top:-125px;left:-802px;width:2000px;height:2000px

javascript - Three.js: Resize rendering canvas (GPU hungry fragment shader)

我正在使用three.js运行资源匮乏的片段着色器。我已将渲染大小设置为800*600,以保持着色器即使在低端卡上也能流畅运行。我正在这样设置我的渲染Canvas:varcanvas1=document.getElementById('canvas1');renderer=newTHREE.WebGLRenderer(canvas1);renderer.setSize(800,600);renderer.autoClear=false;document.body.appendChild(renderer.domElement);在body元素上我有然后我在cssheader中做widt

javascript - YouTube iFrame API : Programmatically play natively?

我正在尝试通过JS以编程方式播放YouTube视频(在iFrame中)。这是我用来以编程方式播放YouTube视频的代码:iframe.postMessage('{"event":"command","func":"playVideo","args":""}','*');但是,在支持YouTubenative播放功能的设备中,iFrame中的视频会变成黑屏并且不会打开native视频播放器。如何使用iFrameAPI在可能的情况下以编程方式本地播放视频? 最佳答案 我强烈建议您查看YoutubeIframePlayerAPI。htt

javascript - YouTube API 似乎未在 Firefox 中加载,IFrame 已加载,但 onPlayerReady 事件从未触发?

我正在加载YouTube播放器API,如下所示:varplayer;functiononYouTubeIframeAPIReady(){console.log("iframeready");player=newYT.Player('player',{height:'390',width:'640',events:{'onReady':onPlayerReady,'onStateChange':onPlayerStateChange}});}functiononPlayerReady(){console.log("playerready");}在chrome上,IFrame就绪和播放器就

javascript - UIWebView 产生大约 :blank requests when iframe appended

这段简单的代码variframe=document.createElement('iframe');文档.documentElement.appendChild(iframe);由UIWebViewstringByEvaluatingJavascriptFromString注入(inject)使用about:blank调用UIWebViewDelegateshouldStartLoadWithRequest。有趣的是,它仍然将mainDocumentURL设置为注入(inject)时存在的文档。对我来说,这意味着我无法随时注入(inject)此类代码-重新进入shouldStartLo