Tag: html5

使用文件输入类型将图像发送到服务器: 我有一个屏幕，我从相机捕捉video，拍摄一下。我还有一个文件输入，我想将这个选项设置为摄像机捕获的图像，即.snap。我不希望将快照存储为cookie并稍后将其检索，因为它稍后会使用户计算机变重并且每次都需要清理。所以代码是根据这个w3文件。任何想法使用JavaScript？谢谢，Abhijeet。

历史API html5，如何知道用户点击下一个/后一个浏览器按钮的时间？: 我熟悉html5 History API，但我使用history.js来扩展兼容性，我有一个问题就是这样，我怎么知道： History.Adapter.bind(window,’statechange’,function(){ // Note: We are using statechange instead of popstate var State = History.getState(); // Note: We are using History.getState() instead of event.state /* Condition here to know if this change is a back or next button, and wich one?? */ }); 这是我的“整体”代码…… var the = this; var History = window.History; […]

只有在满足设定的字符数量时，才将“显示更多”链接附加到截断的段落: 我想将“显示更多”链接（如果点击将显示已修剪/隐藏的内容）附加到我的段落，只有在传递了X个字符数量时。例如，我将最小值设置为120个字符，而段落只有60个，因此我不需要附加“显示更多”链接。我该如何解决？下面的代码工作得很好但是会对我所拥有的任何段落应用“显示更多”，即使它少于X量。我该怎么办？ https://jsfiddle.net/vm0uj7fc/1/ var charLimit = 122; function truncate(el) { var clone = el.children().first(), originalContent = el.html(), text = clone.text(); el.attr(“data-originalContent”, originalContent); clone.text(text.substring(0, charLimit) + “…”) el.empty().append(clone); } function reveal(el) { el.html(el.attr(“data-originalContent”)); } $(“a”).on(“click”, function (e) { e.preventDefault(); var truncateElement = $(this).parent().prev().find(“.truncate”); if ($(this).text() === “Read More”) { $(this).text(“Read Less”); reveal(truncateElement); } else […]

jQuery HTML5范围滑块中的实时输出: 我正在尝试从HTML5输入范围滑块获取实时输出到javascript变量。现在，我正在使用我工作的方式是做我想做的事，但它不是“活着的”。我想在你拖动滑块时这样做，它会更新变量，而不仅仅是你松开后。例如：当我将滑块从1拖动到5时，我想在我拖动时更新变量，因此它将更新为1,2,3,4,5而不仅仅是从1跳到5我释放滑块。有可能做这样的事吗？有什么建议？我使用的是jQuery滑块插件，但它没有触摸兼容，这消除了它的目的。提前感谢您的帮助！编辑 – 我一定不能解释得很好，我知道如何获得范围滑块的值，我只想从中获得“实时”输出。

按钮单击声音: 这就是我想做的事情：我有30个按钮。我希望当点击每个按钮时，它会播放不同的mp3文件。像这样http://www.soundjig.com/pages/soundfx/beeps.html 我只知道如何点击1按钮播放1个音频文件，如下所示： play var audio = $(“#mysoundclip”)[0]; console.log(audio); $(“button.play”).click(function() { audio.play(); }); 我不想将所有这些代码应用到所有按钮 – 无论如何要快速执行此操作？谢谢你的阅读！

使用jquery在div中添加，resize，定位，颜色更改文本: 我期待创建一种非常简单的方法，允许用户在编写，resize，定位或更改文本的颜色。我知道jQuery一点点。我的HTML Testing 这里.canvas是一个，有时它包含一个图像或另一种背景颜色。我已经编写代码来改变的颜色和背景图像。我需要的是用户可以非常容易地输入文本，他可以按照自己的意愿设置样式。请看图片：这张图片我从mailchimp中捕获。在mailchimp中，当我们创建模板设计时，它将提供我想要的相同的东西。在这里用户可以添加文本，他可以旋转文本，更改字体系列，颜色等。实际上是颜色和字体系列的东西，我知道如何用jquery做这个。但是我认为文本div的旋转很复杂。怎么做这个轮换？在这里，我不是要求代码，但我希望看到一个有用的演示，帮助我理解工作和学习jQuery。请任何人都可以为这项工作提供样本，或建议任何免费的jQuery插件或基本代码。

检测localStorage的任何变化？: 有没有办法检测HTML5 localStorage中的任何更改，然后如果确实有任何更改，则调用某些函数？我将某些密钥存储为名称为“e1”，“e2”，“e3”等等…… 我想检测是否有任何键被删除或添加，然后触发一些function，如果有任何变化…

html 5中event.originalEvent.dataTransfer.files和event.dataTransfer.files之间的区别: 有什么区别 event.originalEvent.dataTransfer.files 和 event.dataTransfer.files ??? 因为在拖放，第二个代码不起作用，它是未定义的，我必须使用第一个代码，因为它的工作原理！

将blob附加到表单中类型file的输入: 如何将blob附加到类型文件的输入 // Input of type file // I am getting image from webcam and converting it to a blob function takepicture() { canvas.width = width; canvas.height = height; canvas.getContext(‘2d’).drawImage(video, 0, 1, width, height); var data = canvas.toDataURL(‘image/png’); var dataURL = canvas.toDataURL(); var blob = dataURItoBlob(dataURL); photo.setAttribute(‘src’, data); } function dataURItoBlob(dataURI) { var binary = atob(dataURI.split(‘,’)[1]); […]

JQuery移动工具提示弹出（“关闭”）function在IPhone 5中不起作用: 在我的JQuery Mobile网站中，我添加了一个工具提示对话框，在页面加载时打开，它将在5秒后消失。我的代码类似于以下内容， This is a completely basic popup, no options set. $(document).live( ‘pagechange’,function(event){ $(‘#popupInfo’).popup(“open”) setTimeout(function() { $(‘#popupInfo’).popup(“close”); }, 5000); }); 此更新在除IPhone 5 iOS 6之外的所有设备中都能正常运行。因为当我尝试在IPhone 5 iOS 6设备中加载带有上述脚本的JQuery移动页面时，它会在弹出窗口关闭时将我重定向到上一页。我不确定我在这里错过了什么，但对我而言，看起来jQuery Mobile popup（“close”）function不支持iPhone 5 iOS 6 。此外，当工具提示加载到追加到URL的哈希标记文本后，我们如何避免这个#&ui-state=dialog 有谁可以让我知道我们如何解决这个问题？我甚至尝试过以下代码; $(document).on(‘pagechange’,function(event){ $(‘#popupInfo’).popup(“open”).delay(2000).popup(“close”); }); 但这根本不起作用