Tag: html5

Javascript / jQuery / etc中的方法,用于测量经过一段时间后经过的时间/触发事件

我正在尝试使用HTML5(Javascript)制作一个简单的游戏。 我想把时间限制在事件上。 例如,当玩家进入屋顶正在关闭的房间时,我想给他们一些秒钟来做出决定,然后自动发生其他事件。 但是,如果他们做出决定,我根本不想要定时function。 我怎样才能完成这样的事情?

有没有办法使用CDN(用于jQuery)并拥有一个离线Web应用程序(通过HTML5清单)?

我开始考虑HTML5s允许离线Web应用程序的能力。 前段时间我发现使用CDN对我的应用程序运行良好,所以我一直坚持使用它们,主要是为了jQuery。 但是,清单文件似乎不允许缓存跨域资源。 此时我一直在使用相关Dive Into HTML5教程中描述的catch-all清单。 我的jQuery类似于HTML5 Boilerplate中定义的内容 。 我希望能够继续从CDN为在线用户提供jQuery服务,但可能还有一个本地副本用于离线访问。 是否值得尝试继续这条路线,或者我应该切换到仅仅从我的网站提供jQuery服务所有请求? 谢谢。

如何在不在DOM中的元素上使用jQuery设置数据属性?

如何在不在DOM中的元素上使用jQuery设置data-attribute? 码: var panelHeading = $(”, {class:’panel-heading’, href:’#’+username+’PanelContent’}); panelHeading.data(‘toggle’, ‘collapse’).data(‘target’,”#”+username+”PanelContent”); 将数据属性附加到文档时,不会显示数据属性。 其他属性确实出现。

iPhone上的SoundManager2 – 声音无法在jQuery Load上播放

我正在尝试使用SoundManager2作为iPhone Web App的一部分,在使用jQuery提交表单后播放声音。 播放的特定声音取决于结果,因此生成的页面设置一个变量,用于标识要播放的声音文件。 这一切都在桌面上顺利运行,但在iPhone上运行时,它会失败。 iPhone上的调试控制台显示它正在尝试… 1124: SMSound.play(): “ValidSound” is loading – attempting to play… 1124: SMSound.play(): “ValidSound” is starting to play 1124: setPosition(0): delaying, sound not ready 1124: HTML5::loadstart: ValidSound 1124: HTML5::suspend: ValidSound ……但每次播放都没有声音。 关于可能导致此失败的原因的任何想法? 我已经包含了主页面的代码,以及使用jQuery返回的“响应”页面的示例: 主要 soundManager.setup({ url: ‘sm/swf/’, useHTML5Audio: true, onready: function() { soundManager.createSound({ id: ‘ValidSound’, useHTML5Audio: true, preferFlash: false, url: ‘http://www.example.com/example […]

在canvas中更改颜色图像

我想在canvas中更改图像的颜色 这是图像 你可以看到有一个透明的图像我尝试使用PutImgData但我的透明颜色正在改变是否有改变颜色的汽车和金钱? 我使用的是这段代码: var canvas = document.getElementById(“canvas”), ctx = canvas.getContext(“2d”), image = document.getElementById(“testImage”); canvas.height = canvas.width = 100; ctx.fillStyle = ‘red’; ctx.fillRect(10,10,20,10); ctx.drawImage(image,0,0); var imgd = ctx.getImageData(0, 0, 45, 45), pix = imgd.data; for (var i = 0, n = pix.length; i <n; i += 4) { if(pix[i+3]==0) {continue;} pix.length[i]=r|pix.length[i]; pix.length[i+1]=g|pix.length[i+1]; pix.length[i+2]=b|pix.length[i+2]; pix[i + […]

将鼠标hover在浏览器中的ID’dHTML元素时如何调用“工具提示”?

我正在制作一个版本的“Huck Finn”,它显示不同颜色的对话框,取决于扬声器(紫色为哈克贝利,棕色为他的Pap等),使用CSS如此 #huck { color: purple; } ……和这样的HTML: “But some says he got out and got away, and come to America.” 这里可以看到这种工作模型 我有一个“字符映射”,显示哪个字符是文档开头附近的颜色,但我发现很多读者会忘记哪种颜色代表哪个字符,而不是强迫它们一直回到doc的开头提醒自己,我想让他们将鼠标hover在彩色文本上,然后在“弹出窗口”或“工具提示”中看到,或者你有什么,它是谁。 因此,如果他们将鼠标hover在上面的句子上(“But”和“America”之间的任何地方),他们会看到类似“哈克正在说话”的内容。 这可能吗? 如果是这样,怎么样?

如何在textarea中更改单个字符颜色

我需要使用JQuery更改textarea中单个字符的颜色。

如何将回调函数发送回主函数

我有这个小提琴http://jsfiddle.net/jdsans/38GFS/我试图锻炼,但我无法将回调函数的返回发送到主函数。 回调函数包含我想要的结束返回值,但它不返回。 当我使用document.write()函数打印返回值时,我得到了我想要的确切值,但正如我之前所说,它不会被返回。 任何人都可以用这个小提琴来向我展示一个有效的例子。 我在小提琴中添加了更多细节作为评论,以便您在理解我时没有任何问题。

如何在jQuery中选择HTML5数据属性?

我当前的jQuery选择了value属性。 如何更改我的jQuery以选择数据属性“data-price”? $(‘#trapfabric, #trapsize’).on(‘change’, function() { var $selected = $(‘#trapfabric, #trapsize’).children(“:selected”); sum = parseInt($(‘#trapsize’).val()) + parseInt($(‘#trapfabric’).val()); $(‘#priceToSwap3’).html(‘$’ + sum ); }); 我知道我必须在上面这样的东西,但我不能让它工作: $(‘#priceToSwap3’).text($selected.data(“price”)) EDITED 我的HTML: $238 foo foo foo foo

脱机时从本地目录读取Json文件,并在联机时覆盖数据

我正在使用Json Data来填充我的Html表以及详细信息列表。 我在与index.html页面相同的目录中有一个名为example.json的json文件。 但是当我在下面的代码中添加“example.json”时,它不会显示/读取json文件,但是当我加载在线url时工作得很好。 我想用本地存储中的Json文件填充表,并且如果有自动的话,在线覆盖带有新数据的example.json的先前数据。 这是我的HTML Json Class Time $(document).ready(function(){ $.getJSON(“https://api.myjson.com/bins/8qktd”, function(data){ var employee_data= ”; $.each(data, function(key, value){ employee_data += ”; employee_data += ”+value.class+”; employee_data += ”+value.time+”; employee_data += ”; }); $(‘#employee_table’).append(employee_data); }); }); 一个 [ { “id”:”1″, “time”:”10-15″, “class”:”John Smith” }, { “id”:”2″, “time”:”10-15″, “class”:”John Smith” }, { “id”:”3″, “time”:”10-15″, “class”:”John Smith” }, { […]