Tag: html5

给出错误图像的所选区域的图像的平均颜色

我试图找到图像某些部分的平均颜色,然后将其设置为背景。 我正在使用此颜色来查找所选区域的平均代码。 JSFiddle代码查找平均图像颜色。 我想从图像中提取该部分并找到平均颜色,然后将其设置为背景图像 这是我正在使用的代码 var rgb = getAverageRGB(document.getElementById(‘i’)); document.body.style.backgroundColor = ‘rgb(‘ + rgb.r + ‘,’ + rgb.g + ‘,’ + rgb.b + ‘)’; function getAverageRGB(img) { var canvas = document.createElement(‘canvas’), context = canvas.getContext && canvas.getContext(‘2d’), rgb = {r:102,g:102,b:102}, // Set a base colour as a fallback for non-compliant browsers pixelInterval = 5, // Rather […]

触发JQuery事件后不会触发Codebehind OnClick事件

我在我的表单上的几个字段上使用html5约束validation,例如: 我想在点击时通过CSS和JQuery禁用提交按钮,但仅在validation通过后。 我试图像这样挂钩表单提交事件: var $form = $(‘#form1’); var $submitButton = $(‘#’); $form.submit(function () { $submitButton.prop(‘disabled’, true); }) 在validation后成功禁用按钮,会调用回发,但不会触发我的btnSubmit_click事件。 当html5约束validation通过时,我如何通过javacript / jquery确定所以我可以执行一个禁用按钮但仍允许我的btnSubmit_click事件触发的jquery函数? 更新:我使用简单的JQuery 2.0.3

如何在执行之前执行Knockout.js操作?

我在使用knockout.js和Html5时遇到了这个问题,但我还没有找到如何处理它。 在这里,最重要的是在将Href跟随到另一个页面之前执行点击绑定权限。 绑定本身有一个ajax方法将数据插入到我的数据库中,因此在遵循所述的href之前,必须执行此绑定。 HTML是这样的: Back Some Text Continue 人们认为这两种行为都会被执行,但这种看法是错误的。 执行的唯一操作是Href。 我的代码中是否有任何错误?

为什么这个幻灯片不会起作用

好的,我要做的是使用下面的示例创建幻灯片放映。 问题是动画不起作用。 设计明智它看起来不错,但图像不会在我的浏览器中旋转。 是因为我必须使用window.setTimeout()谢谢! http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/ 也有人似乎有类似的问题,但不像我的代码相同: 为什么这个幻灯片代码不起作用? inheritance人HTML: An HTML5 Slideshow w/ Canvas & jQuery | Tutorialzine Demo 然后我们有CSS: #slideshow{ background-color:#F5F5F5; border:1px solid #FFFFFF; height:340px; margin:150px auto 0; position:relative; width:640px; -moz-box-shadow:0 0 22px #111; -webkit-box-shadow:0 0 22px #111; box-shadow:0 0 22px #111; } #slideshow ul{ height:320px; left:10px; list-style:none outside none; overflow:hidden; position:absolute; top:10px; width:620px; } […]

即使存在validation错误,Bootstrap Validator也会提交表单

我有以下图片,您可以清楚地看到我提交表单后需要该字段。 但是,在提交表单后,它将继续执行JS中的按钮单击事件, 而不是停止表单提交。 我在BootStrap Validator中缺少什么,如果有validation错误,我可以阻止提交表单? 这是我的HTML5 MasterPage相关部分 这是我的JS被初始化,但运行时,我得到了我的评论中陈述的错误: $(‘#form1’).bootstrapValidator({ live: ‘enabled’, feedbackIcons: { valid: ‘glyphicon glyphicon-ok’, invalid: ‘glyphicon glyphicon-remove’, validating: ‘glyphicon glyphicon-refresh’ }, fields: { txtSPStatusComments: { selector: ‘#txtSPStatusComments’, validators: { notEmpty: { message: ‘The title is required and cannot be empty’ } } } } }); 这是我的HTML5 Enter the reason and comments to stop […]

滚动时,HTML5和JavaScript会暂停所有video

我跟着HTML5和Javascript播放video只有在可见时 – 它在第一个video上运行得很好,但是我的网站上的第二个video也暂停了,当第一个是第一个video时播放(当滚动所有video时)到顶部的方式)。 第二个video只应播放,当它滚动到并以0.1的一小部分可见时(就像在第一个video上一样)。 我的HTML: bgvideo … bgvideo 这是我的JS: var videos = document.getElementsByTagName(“video”), fraction = 0.1; function checkScroll() { for(var i = 0; i fraction) { video.play(); } else { video.pause(); } } } window.addEventListener(‘scroll’, checkScroll, true); window.addEventListener(‘resize’, checkScroll, false); 所以看起来所有video(因为getElementByTagName)只是在滚动到顶部时播放。 我想在video的0.1分之一可见时播放video。 希望这是有道理的。 谢谢 :)

jQuery和现场摄像头video流

我正在尝试构建应用程序,人们可以拥有自己的房间并从网络摄像头流式传输video,以便其他人可以看到它们。 我正在尝试使用red5,但我无法将其与php集成,所以我现在正在尝试使用jquery。 到目前为止,我已经尝试了这三个插件: http://www.scriptcam.com/docs.cfm ,它最接近我想要的(它有一对多的video聊天),但你只能有5个观众。 http://jqueryvideo-player.com有人说它有一个从网络摄像头流式传输video的选项,但我没有在docs上找到它。 https://github.com/infusion/jQuery-webcam但我找不到让很多人看到我的网络摄像头视图的方法。 我知道还有更多,但他们都不允许广播。 用jquery有什么办法吗? 编辑:我也尝试使用html5(例如http://www.html5rocks.com/en/tutorials/getusermedia/intro/ ),但我总是收到一条错误,“浏览器不支持”getUserMedia()“。 我在Opera 18.0和Chrome 32.0.1700.102 m上试过这个,所以我不知道它为什么不起作用。

来自javascript的web服务调用

我使用json在javascript文件中调用web服务,但只有当.asmx文件和javascript文件都在我的本地服务器上或者两个文件都上传到实时服务器上时才调用web服务。 但我想测试从我的本地服务器上传到我的实时服务器上的webservice。 所以请告诉我如何从本地服务器测试我的实时web服务。 因为当我的Javascript文件也存在但当javascript文件在本地并且Web服务在实时服务器上时不能正常工作时,同样的Web服务工作正常 请帮忙

html5 canvas filltext与sketch.js一起消失

我的HTML5 canvas元素有问题。 我使用sketch.js,以便客户端可以在网页中制作图纸。 客户要求之一是他可以添加带有数字的“邮票”。 所以我对JS进行了一些修改以使其成为可能。 它有效,可以添加邮票。 但是当用户切换回钢笔工具并再次开始绘图时,数字会消失。 我使用fillText()添加标记 $.sketch.tools.text = { onEvent: function(e) { switch (e.type) { case ‘mousedown’: case ‘touchstart’: this.context.font=”16px Verdana”; this.context.fillText(this.stamp, e.pageX – this.canvas.offset().left, e.pageY – this.canvas.offset().top); break; } return true; }, draw: function(action) { return true; } }; 在这里查看演示: http : //jsfiddle.net/brixion/m5dpwvx5/2/ 希望有人可以帮助我

转到子页面时,Twitter小工具无法加载

我在我的网站上使用twitter小工具: https : //twitter.com/settings/widgets/ 我创建了一个在每个页面上加载的小工具。 在主页上它工作正常,但当我去一个子页面时,它只显示替代文本。 我究竟做错了什么? 奇怪的是当我用F5键重新加载子页面时,twitter小工具运行正常。 我在我的网站上使用HTML5,CSS,JQuery和Javascript。