Tag: html5

从我的位置地理位置最近的位置（纬度，长度）

我想根据我的位置显示具体信息。 我有五个不同信息的城市，我想展示我最接近的城市（信息）。 我怎么用最简单的方法，使用javascript。 防爆。 如果我将城市lat存储在一个数组中 var cities = [ [‘new york’, ‘111111’, ‘222222’, ‘blablabla’] [‘boston’, ‘111111’, ‘222222’, ‘blablabla’] [‘seattle’, ‘111111’, ‘222222’, ‘blablabla’] [‘london’, ‘111111’, ‘222222’, ‘blablabla’] ] 随着我目前的位置（拉特，长）我想要的城市，我是壁橱。

滚动到时播放HTML5video

无论如何只有当用户在浏览器视口中拥有video（或video的某个百分比）时才能自动播放HTML5video？

移动浏览器上的HTML5video自动播放

我正在使用以下HTML5和JQuery代码来播放其URL位于数组URLArray []中的video的播放列表。 function NextFrag(){ if (index < URLArray.length) { $("#VideoContainer").html(' ” ‘ ); index++; $(“#video1”).bind( “ended”, NextFrag); } } 我们知道所有手机都禁用了HTML5的自动播放function，因此我必须在手机上手动播放每个video片段。 这绝对是我不想要的。 我真的想知道替代方案。 我真的很感兴趣的代码段，我可以包括自动播放，而不涉及用户进行交互。 是否可以将其转换为Android应用程序。 我真的需要让它像播放列表一样工作，我不关心如何，我只需要这个function。 请帮忙。

HTML5音频播放列表 – 如何在第一个音频文件结束后播放第二个音频文件？

在另一个完成后，我们怎么能在html5播放中制作一些音频？ 我已尝试使用jquery delay()函数，但它根本无法工作，是否可以使用带有计时器的html5音频中的pause() ？ 例如， pause(‘500’,function(){}); ？

jQuery Mobile：将数据从一个页面发送到另一个页面

我有一个问题，我需要将数据（一个id）从列表发送到另一个页面。 这是html代码： Players App Players list Player detail Players list 这是脚本： var lista = new Array(); var squadraManager={}; squadraManager.initArray=null; squadraManager.printArray=null; squadraManager.initArray = function(){ lista[0] = new players(); lista[0].setNome(“Nonho”); lista[0].setRuolo(“difensore”); lista[0].setCognome(“Rossi”); lista[0].setNMaglia(“01”); lista[1] = new players(); lista[1].setNome(“Marco”); lista[1].setRuolo(“blabla”); lista[1].setCognome(“Mariani”); lista[1].setNMaglia(“22”); lista[2] = new players(); lista[2].setNome(“Carlo”); lista[2].setRuolo(“Soffiatore”); lista[2].setCognome(“Bianchi”); lista[2].setNMaglia(“01”); } squadraManager.loaderList = function(){ jQuery.each( lista, function(chiave, oggetto){ […]

从localStorage保存和加载图像

所以基本上，我试图将图像保存到localStorage ，然后在下一页上加载相同的图像。 我遇到了这个很好的例子： http ： //jsfiddle.net/8V9w6/ 虽然，我完全不知道它是如何工作的，因为我只使用localStorage来处理非常小的字符串。 我有一个图像，通过jQuery处理的文件上传得到改变 我上面添加的jsfiddle链接允许多个文件上传，这绝对是我不想拥有的。 我需要知道的是我应该在第一页上放置什么来保存图像，以及我应该在第二页上放置什么来加载图像？ 我有一个save按钮，可以处理所有内容。

如何在上传前后预览图片？

我将在表单中预览图像或照片，但它不起作用，HTML代码如下所示： Upload Image: Save 并在下面合并了JS代码/脚本： $(document).ready(function(){ var thumb=$(‘#thumb’); new AjaxUpload(‘imageUpload’,{ action:$(‘newHotnessForm’).attr(‘action’), name:’image’, onSubmit:function(file,extension){ $(‘#preview’).addClass(‘loading’); }, onComplete:function(file,response){ thumb.load(function(){ $(‘#preview’).removeClass(‘loading’); thumb.unbind(); }); thumb.attr(‘src’,response); } }); }); 我的表格上有两个主要问题： 1.为什么图像或图片的预览不起作用？ 2.单击保存按钮时如何粘贴表单中的照片，它将链接到我创建的另一个php或php页面？

Jquery Parallax滚动效果 – 多方向

我需要为客户端构建一个多向JQuery视差页面 – 他们基本上希望它以类似的方式工作 – https://victoriabeckham.landrover.com/INT 我已经准备好了艺术品并找到了许多jquery库，它们可以让我滚动水平/垂直 – 但我不确定如何在特定的坐标上将它们组合在一起。 有谁能指出我正确的方向？ 编辑：我最初在看过Superscrolarama并且认为所有问题都已解决之后做了这个post – 但是我一直在努力实现它 – 我不认为它是我认为的救星，我需要水平和垂直视差以及滚动到实现上述，它似乎不支持 – 所以任何其他提示，我将非常感激！

在Firefox中HTML5拖放文件夹检测。 它甚至可能吗？

我有一个放置区域，我想检测被拖动的项目是文件夹还是文件。 在chrome中我通过使用实现了这一点 for (var i = 0; i < nrOfFiles; i++) { var entry = e.originalEvent.dataTransfer.items[i].webkitGetAsEntry(); if (entry.isDirectory) { //folder detection } 在Firefox中，不可能使用上述解决方案（webkit），在花了很多时间试图解决这个问题后，我想出了以下解决方案（并且失败了） 我检查拖动的项目是否没有类型和大小，如下所示，并且在大多数情况下它按预期工作。 从我所看到的，这是无效的，并没有成功，因为一些文件可能没有文件扩展名所以我尝试使用FileReader API将文件读取为二进制字符串（readAsBinaryString）或readAsArrayBuffer，并在项目为的情况下捕获exception不可读，但永远不会抛出exception。 var files = e.originalEvent.dataTransfer.files; for (var i = 0; i < nrOfFiles; i++) { if (files[i].size === 0 && files[i].type==="") { try{ var reader = new FileReader(); reader.readAsBinaryString(files[i]); }catch(e){ […]

使用mail（）的jQuery AJAX表单PHP脚本发送电子邮件，但HTML表单中的POST数据未定义

伙计们，谢谢花时间看。 我正在使用jQuery创建一个非常基本的AJAX联系表单。 电子邮件发送，但在打开电子邮件时没有POST数据，所以我只是获取我在PHP脚本中定义的字符串。 在我手机的电子邮件客户端上，电子邮件的内容字面上显示为“未定义”。 我尝试添加不同类型的标头数据无济于事，以及PHP mail（）函数的许多变体。 我非常愿意为简单的AJAX表单采用更简单的解决方案，所以提前感谢任何新方法。 这是表格： Name Email Message jQuery AJAX： $(function() { $(“#contact .button”).click(function() { var name = $(“#form_name”).val(); var email = $(“#form_email”).val(); var text = $(“#msg_text”).val(); var dataString = ‘name=’+ name + ‘&email=’ + email + ‘&text=’ + text; $.ajax({ type: “POST”, url: “email.php”, data: dataString, success: function(){ $(‘.success’).fadeIn(1000); } }); […]