Tag: html5

使用JQuery从html5video播放器触发事件: 当我的html5video播放器达到某个时间时，我想显示（）一个div。我能够在video结尾处显示一个div，但我不知道如何在video处于特定时间时显示div，如0:06。 this is the message that will pop up. document.getElementById(‘myVideo’).addEventListener(‘ended’,myHandler,false); function myHandler(e) { if(!e) { e = window.event; } $(“#showdiv”).toggle(“slow”); }

动态更改fontfamily和fontsize: 我想动态更改文本的字体和大小但我没有在浏览器中看到任何答案，也没有我的代码中的错误这是演示 HTML： School SansitaOne oliver Jura-Light-webfont Jura-DemiBold-webfont DJGROSS-webfont College BYekan BRoya BMitraBold BMitra 7 10 15 17 20 this is my text example !!! jquery： $(“#font”).change(function() { //alert($(this).val()); $(‘.changeMe’).css(“font-family”, $(this).val()); }); $(“#size”).change(function() { $(‘.changeMe’).css(“font-size”, $(this).val() + “px”); });

为什么toStaticHTML删除data- *属性: 我的应用程序动态地将HTML内容构建为字符串，完成后将内容附加到DOM。但是在WinJS中，一旦我尝试将字符串附加到DOM，就会抛出exception。为了解决这些exception，我必须通过运行toStaticHTML来清理HTML，这是在WinJS和Internet Explorer中全局定义的。我遇到的问题是data- * html5属性的使用非常多。一旦我通过toStaticHTML运行它们就会被剥离。为什么toStaticHTML删除data- *属性？与他们真正的安全问题是什么？请注意，我无法将DOM插入包装在MSApp.execUnsafeLocalFunction中，因为我使用的是jQuery而且我不允许修改jQuery代码。 var html = “My list node”; $(‘#container’).html(toStaticHTML(html)); 生产： My list node

如何使用HTML5，JQuery mobile中的链接在同一页面内部导航..？: 我有一个场景，其中我尝试使用链接在我的Android应用程序页面中导航。我正在使用HTML5与Phonegap和JQuery Mobile。对于前者，我有： Header2 当我给， Navigate to Header2 为了导航到同一页面中的标题部分，我无法这样做。有人可以为这个问题提供一些解决方案..？作为@Adleer给出的解决方案的一部分，尝试使用同一HTML文档的多个部分。以下是供参考的示例代码： Common diphthongs Test item2 Link to Diphthongs Link to page3 以上代码仅供参考其中一个提供的解决方案。

有没有办法用jQuery检测canvas线？: 我试图找出如何检测用户的鼠标是否使用jQuery在HTML 5canvas上命中一行。以下是生成canvas线的代码： Your browser does not support the canvas element. window.onload = function(){ var c=document.getElementById(“myCanvas”); var ctx=c.getContext(“2d”); ctx.moveTo(40,0); ctx.lineTo(40,360); ctx.stroke(); ctx.moveTo(80,400); ctx.lineTo(80,40); ctx.stroke(); ctx.moveTo(120,0); ctx.lineTo(120,360); ctx.stroke(); ctx.moveTo(160,400); ctx.lineTo(160,40); ctx.stroke(); }; 我正在使用一个修改过的jQuery脚本，我实际上在这里找到了另一个问题，但现在我无法弄清楚如何在canvas中检测线条，主要是颜色从白色到黑色的差异。我知道这可以通过图像来完成，但我没有见过像这样的人。我想我真正的问题是，有没有办法用jQuery检测canvas元素的颜色变化？

如何限制HTML5输入类型=“数字”的用户输入字符长度？: 如何在HTML5 input[type=number]文本框中将用户输入限制为给定长度？答案如何限制HTML5“数字”元素中的可能输入？不处理非法投入 $(“quantity”).keyup(function(){ var $field = $(this); if ($field.val().length > Number($field.attr(“maxlength”))) { var value = $field.val().slice(0, 5); $field.val(value); } }); 我知道不支持maxlength属性，但我用它来获取给定的长度。上面的代码在firefox中工作得很好，但是在chrome和safari中它只有在我输入五个“VALID”字符时才有效。当我开始输入任何无效字符时，例如“a”，“b”等，我可以输入更多字母，文本框颜色变为红色。我发现当输入变为无效时， $field.val()将返回空字符串， $field.val().length返回0 。我甚至尝试将keyCode转换为用于输入的字符并将其存储在输入框的“data-value”属性中以检查并覆盖输入的值，但它似乎不可靠。是否有任何解决方案可以使input[type=number]与input[type=text][maxlength=5] ？

限制用户在任何浏览器中刷新和返回: 我正在研究评估系统，其中候选人尝试考试。因此，呈现问题及其选择的页面是一个包含iframe的页面，其中问题是获取渲染。包含iframe的页面包含JavaScript计时器。因此，当问题在浏览器上呈现以限制刷新时，我编写了F5和ctrl+F5阻止代码，因此候选人无法使用键盘快捷键刷新，但在浏览器窗口中，仍然可以使用刷新按钮或后退按钮。有没有办法禁用它？我知道玩浏览器function并不是一种好习惯，所以有什么方法可以摆脱这种局面。

Html5video – 在屏幕上点击播放/暂停video: ，嗨， Play/Pause Big Small Normal Your browser does not support HTML5 video. var myVideo=document.getElementById(“video1”); function playPause() { if (myVideo.paused) myVideo.play(); else myVideo.pause(); } function makeBig() { myVideo.width=560; } function makeSmall() { myVideo.width=320; } function makeNormal() { myVideo.width=420; } Video courtesy of Big Buck Bunny. 我尝试使用以下网站的html5video http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_js_prop 如何在video屏幕上播放/暂停video？任何帮助将不胜感激。谢谢。

HTML5 AJAX多个文件上传: 我遇到了这个简单的js ajax上传代码（似乎jquery $.post由于某些原因不适用于HTML5）， /* If you want to upload only a file along with arbitary data that is not in the form, use this */ var fd = new FormData(); fd.append(“file”, document.getElementById(‘file’).files[0]); /* If you want to simply post the entire form, use this */ //var fd = document.getElementById(‘form1’).getFormData(); var xhr = new XMLHttpRequest(); xhr.upload.addEventListener(“progress”, […]

如何解析浏览器兼容性的可编辑DIV文本: 我使div可编辑。当我试图解析div的文本时，我需要做下面的正则表达式。 innerDOM = “I had downloaded all the material from the Intern,You will find dfvdfvdvdfvdfvdvdvdf dfvdfvdvdfvdfvdfvdfvd” innerDOM.replace(//g, “”).replace(//g, “”); 正则表达式在firefox和chrome上运行良好。但不是在IE中。我应该做些什么改变？请参阅此FIDDLE以便更好地理解……