草庐IT

partial-page-refresh

全部标签

javascript - 每 15 秒读取一个文本文件的内容

我在一个音乐网站上工作:我在服务器上有一个文本文件,其中包含当前播放歌曲的名称。我想每十五秒阅读一次文本文件,并更改我网站上显示的文本,没有刷新。现在,使用一点jQuery和javascript,我实际上已经达到了第一次读取和显示文件的地步,但它不会刷新。我已经尝试过各种setInterval函数,但对于我来说,我无法让这部分工作。任何帮助将不胜感激。这是我的:$(document).ready(function(){jQuery.get('http://www.XXXXX.com/nowplaying/NowPlaying.txt',function(data){varmyvar=d

javascript - VideoJS : Stopping video on modal close and not embedding in page

我一直在使用JavaScript脚本VideoJS:http://videojs.com/构建一些可以在弹出窗口中显示给用户的视频播放器。我按如下方式构建了弹出窗口:VideoJS.setupAllWhenReady();jQuery(document).ready(function(){//videoshavevideojsappliedtothem//$("video").VideoJS()$(".show-video").click(function(){$(".video-background").show();$(".video-container").fadeIn("fas

javascript - 找不到变量 : page in PhantomJS

我是测试初学者,无论是单元测试还是UI测试我正在尝试使用以下代码为我的登录页面创建一个UI测试:console.log("TestedeLogin");varpage=require('webpage').create();page.open('http://localhost/login',function(status){console.log("Pageloadeed");if(status==="success"){page.render('example1.png');}page.evaluate(function(){//$("#numeroUsuario").val("9

javascript - 在 Handlebars partial 中将导航菜单项设置为事件状态

目前,我正在为每个选项卡上的导航菜单重复代码,但我想使用部分代码,因此没有重复代码。这就是我正在使用的(下面),根据文件,active类在不同的列表元素上。相反,我想使用部分{{>fruits-nav}},但我找不到任何关于如何设置active类的信息,具体取决于哪个文件包含部分内容。appleorangemangopineapple 最佳答案 我认为你甚至可以让它稍微简单一点,更具可读性:appleorangemangopineapple渲染时:active:{pineapple:true}

javascript - JQuery UI 选项卡 : How do I navigate directly to a tab from another page?

JQueryUI选项卡由无序列表中的命名anchor实现。当您将鼠标悬停在其中一个选项卡上时,您可以在浏览器底部显示的链接中看到:http://mysite/product/3/#orders例如,上面是“订单”选项卡。JQuery显然会拦截对该anchor的点击并改为打开选项卡。但是,如果我将上面的链接添加为书签或从网站的其他地方链接到它,该页面不会在特定选项卡上打开。在选项卡初始化block中,我正在考虑放入一些代码来查找URL中的命名anchor,如果找到一个,则对选项卡进行索引查找并在其上调用选择。这意味着它仍然可以在JS关闭的情况下工作。但是有没有更简单/更好/更好的方法?

JavaScript 最佳实践 : How to implement long-lived apps (one-page web apps)?

是否有任何最佳实践来实现长生命周期的JavaScript应用程序,即由单个页面组成并通过AJAX将其他页面加载到内容区域的网络应用程序?(Gmail就是一个很好的例子。)我已经阅读了有关优缺点、SEO、性能等的信息(http://stackoverflow.com/questions/1499129/one-page-only-javascript-applications),我对如何实现的模式很感兴趣这个。我想避免使用大型框架(例如Cappuccino、Echo2、SproutCore、Claypool)。如何在维护URL的#link部分(用于书签)的同时管理动态加载内容?不要误会我

javascript - 单页应用程序 : auth token management and browser refreshes

在开发Angular应用时,我有一个单页应用,它与JSON网络服务通信以获取数据。我的Angular应用程序中的“登录”实际上只是用用户名/密码交换token。该token作为所有后续请求的header传递,以便服务器可以授权它们。当然,在用户刷新浏览器窗口(通过刷新或离开“页面”并返回)之前,这非常有效。显然,一个选择是让用户再次输入他们的用户名/密码,但这似乎是一个没有任何用户的好方法。我可以想到4个选项:将token存储在安全sessioncookie中。(我现在在做什么。我只是在使用,以便客户端可以读取。在服务器上未使用或不需要。)使用某种本地存储来存储token。(会不安全并

javascript - 为什么这个被屏蔽的 JS 代码在 GET 参数 : '*alert(13)*' executed on my page?

我们对我们的网站进行了白帽扫描,他们返回的漏洞之一是我们的URL附加了whscheck'*alert(13)*'a/。当我们运行完整的URL(https://oursite.com/phorders3/index.php/whscheck'*alert(13)*'a/)时,网站会加载并发出带有值的警报13流行音乐。谁能解释这是如何工作的?星号和a/到底在做什么? 最佳答案 您页面中的代码在Javascript的字符串文字中使用URL中的值,而没有正确转义该值。这意味着任何人都可以将Javascript放在URL中,它就会在页面中执行

javascript - Chrome 扩展 : Block page items before access

我正在尝试在网页上阻止项目,但我想在加载之前这样做。所以,例如,我可以使用chrome.webRequest.onBeforeRequest.addListener(...);并重定向/取消请求。但我想检查请求的实际内容。我现在正在做的是启动XMLHttpRequest自己加载url/对象,检查内容,并在必要时阻止它。但是,主要的问题是实际上并没有多少对象被阻塞。这意味着,每个对象被加载两次:一次用于“我的检查”,一次在我说“好的,你可以加载它”之后。我如何拦截加载过程,以便我可以动态检查它并在允许的情况下传递数据字节?希望你能理解我的问题,谢谢:-)我现在如何做的例子:functio

javascript - jQuery UI 可排序 : Scroll entire page as well as container

我有两个元素列表,并且我在这两个列表上都启用了jQueryUI可排序功能。我使用connectWith选项使我能够在两个列表之间拖动。一个列表中有很多元素,所以我向它添加了overflow-y:scroll,但是当我尝试从该列表中抓取一个元素并将其拖到另一个列表时,它只滚动列表,而不是整个页面。我制作了一个jsFiddle演示(http://jsfiddle.net/MCcuc/)。向下滚动,并尝试将ItemQ(通过框顶部的灰色条将其拖动)从红色列表移动到绿色列表中。您会看到红色列表滚动,但页面不会滚动。如何滚动整个页面以及列表?我只是启用sortable,没有很多选项:$('.sor