Tag: html5

是否有HTML5 / jQuery球形全景查看器，可与触摸移动设备配合使用

我需要一个Spherical Panorama查看器来放入一个Webb应用程序，最好是HTML5或jQuery。 用户必须能够使用手指在Panorama周围移动。 是否有人知道这样的任何可用的东西，只需少量费用或更好的免费？

在文本框的单击事件上触发datalist选项

如何在单击相应的文本框时显示或触发datalist选项？ 我有一个数据列表，选项说10.在chrome中，会显示一个下拉图标，允许用户知道它有一个下拉列表。 但是在Firefox中，图标不可用。因此，用户可能不知道它是一个下拉菜单而只是一个文本框。所以我想在点击该文本框时显示datalist选项。 任何帮助赞赏。

Lifehacker使用Ajax实现url更改

我看到Lifehacker能够在使用AJAX更新部分页面时更改URL。 我想这可以使用HTML5或history.js插件实现，但我想lifehacker既不使用也不使用。 有没有人知道他们是怎么做到的？ 我是AJAX的新手，只是设法使用Ajax更新部分页面。 谢谢@Robin Anderson详细的逐步算法。 我试了一下它工作正常。 但是，在我可以在生产中测试它之前，我想用你运行我的代码。 我做对了吗？ var httpRequest; var globalurl; function makeRequest(url) { globalurl = url; /* my custom script that retrieves original page without formatting (just data, no templates) */ finalurl = ‘/content.php?fname=’ + url ; if(window.XMLHttpRequest){httpRequest=new XMLHttpRequest}else if(window.ActiveXObject){try{httpRequest=new ActiveXObject(“Msxml2.XMLHTTP”)}catch(e){try{httpRequest=new ActiveXObject(“Microsoft.XMLHTTP”)}catch(e){}}} /* if no html5 support, just load the page without […]

垂直滚动。 水平运动

我正在尝试找到垂直移动页面的代码，然后在垂直滚动的同时水平移动。 我很肯定这不是canvas，但我可能是错的。 这是一个例子。 http://enso.readymag.com/architects-own-houses/10/

如何validationhtml5 Datalist的输入？

我想知道如何validation来自Datalist的输入值。 我的意思是，如果我有一个Datalist ，用户可以开始写一个值，然后从Datalist选择它，但是用户决定不从列表中选择任何值，并且他提交的表单中包含不完整的值，发送的价值将是错误的。 我想过迭代Datalist所有元素，但我认为如果Datalist值超过1.000并且我不知道任何其他方法来validation它，这不是一个好主意。 这是我要使用的Datalist一个例子：

在视觉上和DOM上交换两个HTML元素，并为它设置动画？

是否有可能在jQuery中交换两个容器的位置 – 在视觉上和在DOM中，还可以为结果设置动画？ 我有： Up Up Up 单击该链接将该div的位置与上面的位置交换。 大多数示例使用绝对定位并偏移top属性来实现此目的……但是当用户在其他地方调用函数时，我需要按照屏幕上显示的顺序读取数据。 所以我想出了这个： $(‘#container div’).on(‘click’, ‘.moveUp’, function() { divInQuestion = $(this).closest(‘div’).attr(‘id’); //id of this div if (divInQuestion > ‘1’) { switchWithDiv = divInQuestion – 1; //id of other div firstSelector = $(‘#chapterset-‘+divInQuestion).html(); //save contents of each div. I actually don’t secondSelector = $(‘#chapterset-‘+switchWithDiv).html(); //do it this way, I […]

HTML5离线谷歌地图访问

我们正在开发一个HTML5应用程序，它有一个Google地图来更改搜索位置。 现在这个应用程序也有一个离线版本。 有什么办法可以缓存谷歌地图吗？当应用程序离线时，它会显示离线版本吗？ 我们如何才能让用户再次更改位置？

智能位置表单字段

我在位置的用户注册表单上有一个文本字段。 我基本上希望这个字段能够针对谷歌地图（或等效）进行validation – 只允许有效的地点通过（理想情况下是滑铁卢，伦敦或伦敦，英格兰 ）。 要求 ： 除了位置名称，我还想返回该位置中心的坐标（lat，lng）（即使是广泛的，例如伦敦，英格兰 ），因为我将交叉引用它以向用户提供相关信息。 当用户在字段中键入时，基于有效位置（理想情况下只是政治位置 – 而不是特定街道）的自动完成列表/智能建议列表*（ 编辑 ：见下文）。 强制用户使用自动完成列表中的位置。 允许此字段的Privilages将使用HTML5 Geolocation API自动填充以获取用户lat lng然后转换为一般位置（即一般城镇 – 有点像当您点击’添加您的位置’时Chrome的Tweetdeck）。 问题是 – 解决这个问题的最佳方式是什么？ 我使用什么API？ 我使用API​​的哪些部分来实现这一目标？ * 编辑 ：在尝试使用Google Maps API v3地理编码后，似乎存在关于结果的问题（错误或设计我不确定 – http://code.google.com/p/gmaps-api-issues/问题/细节？id = 2042 ）。 例如，如果我输入滑 铁卢，我得到的只是加拿大滑铁卢 。 所有其他滑铁卢http://en.wikipedia.org/wiki/Waterloo怎么样？ 我想要一个X多个列表（其中X！== 1）供用户选择。 理想情况下，我预定义X.另外，如果我在表单字段中键入“L”，我希望看到一个最有可能的顺序返回的相关建议列表（可能受到GeocodeRequest参数的偏差影响） – 所以伦敦，英国 ， 利物浦，英国 ， 利兹，英国等等。相反，我得到荷兰林堡 – 随机结果1。 WTF？ 通过Google Maps […]

有了Phonegap，我想录制语音，停止录制，并在Android中播放

HTML文件有4个按钮，可以录制，停止录制语音，播放，停止播放。 代码看起来像这样。 Cordova $(document).ready(function(){ $(“#record”).on(“click”, function(){ alert(“record start”); window.plugins.VoicePlugin.record(function(){alert(“yo”);}, function(){alert(“yol”);}, “voice.3gp”); }); $(“#stoprecord”).on(‘click’, function(){ alert(“record stop”); window.plugins.VoicePlugin.stoprecord(function(){}, function(){}, “voice.3pg”); }); $(“#play”).on(“click”, function(){ alert(“play”); window.plugins.VoicePlugin.play(function(){}, function(){}, “voice.3pg”); }); $(“#stopplay”).on(“click”, function(){ alert(“stop play”); window.plugins.VoicePlugin.stopplay(function(){}, function(){}, “voice.3pg”); }); }); Start Recording Stop Recording Start Playing Stop Playing Android插件部分是 package com.saxoo.voice; import java.io.IOException; import org.apache.cordova.api.Plugin; import org.apache.cordova.api.PluginResult; import org.json.JSONArray; […]

获取已删除的元素ID而不是删除目标ID

我对jQuery相当新，并且我试图将拖动的图像元素id附加到放置目标而不是图像元素本身或放置目标id。 我正在使用html5原生DnD。 到目前为止，我可以通过使用drag函数中的datatransfer方法和drop中的getdata函数发送其id来获取元素本身。 每当我尝试从drop中调用该id时，它会获得drop target id而不是拖动的元素。 任何帮助将非常感激，因为我已经在网上彻底搜索，并找到了更多的方法来获得丢弃区域的目标ID。 这是我当前代码小提琴的片段： function allowDrop(ev) { ev.preventDefault(); } function dragStart(ev) { ev.dataTransfer.setData(‘Text/html’, ev.target.id); // sends the dragged images data. //alert(ev.target.id); // alerts the correct id of the dragged image. } function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData(“text/html”);//retrieves dropped images data. ev.target.appendChild(document.getElementById(data));//this displays the dropped image. //alert(ev.target.id); // alerts the […]