Tag: html5

如何在html5canvas中制作可点击的点？

我正在玩一个简单的 HTML5canvas绘制线教程 。 因为它基于jQuery，所以很容易为绘图添加很多效果。 如何在点击/hover（mouseenter / mouseleave）时使点可点击/可悬空以添加jquery效果？ 这些点是由 c.fillStyle = ‘#333’; for(var i = 0; i < data.values.length; i ++) { c.beginPath(); c.arc(getXPixel(i), getYPixel(data.values[i].Y), 4, 0, Math.PI * 2, true); c.fill(); } 如何添加jquery选择器？ 基本上，我想在点击或hover时显示点坐标 。

使用Javascript在HTML5数据属性中转义引号

我正在使用jQuery的.data()来处理自定义HTML5数据属性，其中属性的值需要能够包含单引号和双引号： 我知道使用像"这样的字符代码 在data属性值中可以使上述工作，但我不能总是控制值的输入方式。 另外，我需要能够在标记中使用HTML标记，如下所示： <p class="example" data-example=" She said "WTF” on last night’s show. “> 如果某种forms的.replace()是答案，那么它需要在.data()读取值之前完成 – 可以通过在整个应用它吗？ 正常的反斜杠转义如WTF也不起作用。 理想情况下，这将具有以下两种方式的灵活性： data-example=”…”和data-example=’…’ 但是，如果只有一种可能，那么我至少可以用这种方式。 想法？ 更新 – 更多上下文： 我正在为responsejs.com工作 。 实际应用可能只是为某个宽度以上的浏览器加载侧边栏（并在浏览器而不是PHP中处理）。 例如，在WordPress的情况下，侧边栏可能包含小部件，图像等.PHP标签中的引号是非问题b / c它们在到达浏览器之前被解析为HTML。 例： <aside id="primary" class="sidebar" data-oweb=' ‘ > optional default markup for mobile and no-js browsers here

如何使用jQuery打开一个新的HTML页面？

所以，我正在使用IBM Worklight，其中我有一个名为file2.html的主文件，然后我创建了另一个名为file2.html html文件。 我试图打开file2但到目前为止没有运气。 我尝试了以下代码： $(this).load(“file2.html”); $(“div1”).load(“file2.html”); //div1 is the id for outer div of file1 WL.App.openUrl(“file2.html”); window.openURL(“file2.html”); 这些都没有奏效！ 有什么建议？

使用Dynatable插件更新表

我正在尝试dynatable和我遇到一个问题。 我不知道如何更新来自不同json文件的记录。 我的HTML身体： Band Song 我的剧本 $(document).ready(function() { var json1 = [ { “band”: “Weezer”, “song”: “El Scorcho” }, { “band”: “Chevelle”, “song”: “Family System” } ]; var json2 = [ { “band”: “Band1”, “song”: “Song1” }, { “band”: “Band2”, “song”: “Song2” } ]; $(‘#my-final-table’).dynatable({ dataset: { records: json1 } }); $(‘#setToItemsA’).click( function() { setToItems(json1); […]

如何使用JavaScript / jQuery选择图像的多边形区域？

我希望能够让我的用户选择他们上传的图像的特定多边形（点之间有曲线6-8个顶点）区域 – 如何使用HTML5和JS进行此操作？ 我找到的唯一一个库允许纯粹的矩形选择： http ： //odyniec.net/projects/imgareaselect/

CodeIgniter + jQuery（ajax）+ HTML5 pushstate：如何使用真实URL进行干净的导航？

我目前正在尝试建立一个新的网站，没有什么特别的，漂亮的和小的，但我一开始就陷入困境。 我的问题是干净的URL和页面导航。 我想以“正确的方式”做到这一点。 我想要的是： 我使用CodeIgniter获取干净的url，例如“www.example.com/hello/world” jQuery帮助我使用ajax，所以我可以.load（）其他内容 现在我想使用像pushstate这样的HTML5function来删除URL中的＃ 应该可以在没有页面刷新的情况下来回移动，但页面仍将根据当前URL显示正确的内容。 还应该可以重新加载页面而不会出现404错误。 由于CodeIgniter，该网站应该存在。 （有一个控制器和一个视图） 例如： 一个非常基本的网站。 两个链接，称为“foo”和“bar”，下面是一个emtpy div框。 基本URL是example.com 当您单击“foo”时，URL将更改为“example.com/foo”而不重新加载，div框将使用jQuery .load（）获取新内容。 对于其他链接也是如此，当然不同的内容和URL。 单击“foo”然后“bar”后，后退按钮将返回“example.com/foo”并显示相应内容。 如果我直接加载此链接或刷新页面，它看起来会一样。 没有404错误或其他什么。 试想一下这个页面并告诉我你将如何做到这一点。 我真的很想拥有这种导航，所以我尝试了几件事。 至今… 我知道如何使用CodeIgniter来获取这样的URL。 我知道如何使用jQuery加载其他内容，虽然我不完全理解html5 pushstate的东西，但我至少让它以某种方式工作。 但我不能让它一起工作。 我现在的代码很乱，这就是我不想在这里发布它的原因。 我查看了不同的教程，并将一些代码粘贴在一起。 我想上传我的CI文件夹会更好。 我看过的一些教程： 深入了解HTML5 HTML5演示 Mozilla操纵浏览器历史记录 Saner HTML5历史 Github：History.js （达到的最大链接数量：/） 我认为我的主要问题是，每个人都试图让它与所有浏览器和不同版本兼容，添加脚本/ jQuery插件等等，我对所有其他代码感到困惑。 我的脚本标签和实际的html内容之间有更多代码。 有人可以发布最基本的方法如何在我的示例页面中使用HTML5吗？ 失败的尝试： 在我的测试页面上，当我返回时，URL会更改，但div框仍将显示相同的内容，而不是旧的内容。 我也不知道如何根据链接中的href属性更改脚本中的URL。 是否有类似$（this）.attr（’href’）的东西，根据我点击的链接而改变？ 现在我必须为每个链接使用一个脚本，这当然是坏的。 当我刷新网站时，CodeIgniter启动并加载视图，但实际上只是视图本身，我用ajax加载的视图，而不是整个页面。 但我想这应该很容易修复布局和正确的控制器设置。 还没有太在意这个。 在此先感谢您的帮助。 如果您有任何建议，想法或简单的想提及的话，请告诉我。 问候 […]

如何使用Fabric.js将图像上传到canvas？

我想要创建一个过程，用户可以上传他们的图像然后在浏览器中使用Fabric.js在Canvas中使用一些按钮编辑它们-wich使用Fabric.js来添加一些效果。 我不能让它发挥作用。 我的HTML是： Javascript如下： var canvas = new fabric.Canvas(‘canvas’); canvas.setHeight(480); canvas.setWidth(640); $(‘#uploadedImg’).change(function () { var imgData = $(this).files[0]; fabric.util.loadImage(imgData, function(img) { var oImg = new fabric.Image(img); oImg.scale(0.2).set({ left: 100, top: 100, }); canvas.add(oImg); }); });

将参数附加到URL而不刷新

我知道之前已经多次询问过，但答案的描述性不足以解决我的问题。 我不想更改页面的整个URL。 我想在按钮点击时追加参数&item=brand而不刷新。 使用document.location.search += ‘&item=brand’; 使页面刷新。 使用window.location.hash = “&item=brand”; 追加而不刷新，但使用散列# ，消除了参数的用法/效果。 我试图在追加后删除散列，但这不起作用。 这个答案和许多其他人建议使用HTML5 History API，特别是history.pushState方法，而对于旧浏览器则是设置片段标识符以防止页面重新加载。 但是怎么样？ 假设URL为： http://example.com/search.php?lang=en ： http://example.com/search.php?lang=en 如何使用HTML5 pushState方法或片段标识符附加&item=brand以便输出如下： http://example.com/search.php?lang=en&item=brand ： http://example.com/search.php?lang=en&item=brand ？lang &item=brand en &item=brand没有页面刷新？ 我希望有人可以说明如何使用HTML5 pushState将参数附加到现有/当前URL。 或者，如何为相同目的设置片段标识符。 一个很好的教程，演示或一段代码与一点点解释将是伟大的。 演示到目前为止我所做的一切。 非常感谢您的回答。

输入搜索的重置选项是否有可用的事件？

在HTML5中有一个新的输入类型，’搜索’。 在大多数浏览器上，它仅仅是一个简单的“文本”输入，但对于基于webkit的浏览器，它会添加一点交叉来重置输入。 我希望能够处理这个问题，有没有这样的事件？

如何弹出一个jquery窗口来播放youtubevideo？

我需要这个video自动播放。 这将是很好的，这个代码可以播放来自其他来源的video，如雅虎等。是否也可以使用HTML5而不是jquery？