Tag: html5

jquery easytabs – 如何使标签成为弹出式链接？: 这是我的导航，我使用easytabs jquery脚本： About Me CV Research Teaching Contact 我想将#cv标签更改为pdf弹出式链接。我曾尝试使用内联jscript，没有用。有解决方案？这就是您可以在行动中看到它的链接

创建重叠元素: 我正在尝试沿着canvas的左边框显示一个与canvas元素重叠的跨度。 Z-Index var canvas = document.createElement(‘canvas’); canvas.setAttribute(‘width’, 500); canvas.setAttribute(‘height’, 500); canvas.setAttribute(‘style’, ‘border: 1px solid; position: absolute; top: 8px; left: 8px; z-index: 0;’); document.getElementById(“timeline_wrapper”).appendChild(canvas); // draw back button var back = document.createElement(‘div’); back.setAttribute(‘width’, 50); back.setAttribute(‘height’, 500); back.setAttribute(‘style’, ‘background-color: #336699; position: absolute; left: 8px; top: 8px; z-index: 1’); document.getElementById(“timeline_wrapper”).appendChild(back); 无论我尝试过什么，后面元素都没有显示出来。除了背部元素位于上，左，50，50，有人知道我做错了什么？干杯，约书亚

将垂直滚动添加到水平滚动条: 我一直试图做这样的事情，并尝试了各种方法，从假滚动条和DOM欺骗代码。似乎没有什么比我需要它更干净/更有效。我要做的是有一个水平滚动div（带滚动条），其中嵌有一个垂直滚动div。理想情况下，单个水平滚动条会滚动，并在某个点之后 – 垂直滚动它旁边的“go-up”div。以下是需要可视化的人的示例图：我想我有一个可行的解决方案：基本上我认为水平“场景”可能有溢出等于“上升”div的高度。在“场景”的水平宽度通过之后……你可以在onScroll上使用（ScrollLeft）向上移动“go-up”容器并使用（ScrollTop）向上移动。基本上给你一个用水平滚动条控制它的垂直滚动的错觉。看看这里的代码： http ： //jsfiddle.net/jPzqj/1/ 我知道如何在“场景”结束时传递一个函数…目前我正在使用： $(‘#main’).scroll(function(e) { if($(this).scrollLeft()>1430) { } }); 我唯一的问题是我不太确定如何接近数学，这将允许我改变上升容器。如何将“scene”divs滚动值传入ScrollLeft和ScrollTop值“go-up”… 有人可以给我任何建议吗？谢谢。

Javascript中两个客户端会话之间的通信: 这可能是一个疯狂的问题，只是试试我的运气。我们正在构建HTML5应用程序，我们需要在两个用户之间以与Google Docs相同的方式进行协作。两个用户可以同时编辑文档，他们可以看到彼此的更改。在我们的例子中，文档永远不会存储在服务器端，我们不希望在服务器端托管服务以便在两个客户端之间进行同步。用户将在相同的WiFi网络上。有没有办法通过两个客户端用户会话可以相互通信？除了在浏览器中运行我们的应用程序之外，我们希望避免在客户端计算机上安谢谢，Navneet

jQuery选择器：将click事件委托给仅包含特定数据的tr元素: 我正在尝试将click事件委托给包含具有特定属性的TD的TR元素，即 product one price product two price 目标是单击该行并检索该行的TD“data-imgurl”属性值，即图像的URI。这只是检索该值的测试。最终我想让点击处理程序在隐藏的DIV或灯箱中显示图像，不知道我还想做什么。我的选择器（仅适用于它将为实际的TD元素分配一个点击： $(“table”).delegate(“tr td[data-imgurl]”, “click”, function(evt){ alert( $(this).attr(“data-imgurl”) ); }); 请注意，数据是从服务器端脚本动态创建的，“data-imgurl”属性基于该脚本中的逻辑，因此只有实际拥有图像的产品才会被赋予“data-imgurl”属性。也许我看错了，并且应该以某种方式将数据附加到行本身，但这是违反直觉的。或者我可能实际上是将图像推入隐藏的TD并为其分配类或rel属性？所以它存在于页面上，然后点击显示它？这个想法仍然只是那些带有实际图像的产品可以点击。编辑好的，我通过将数据推送到实际的行本身来解决这个问题。这样做更有意义，每一行都是一个记录。解： product one price product two price 和jQuery $(“table”).delegate(“tr[data-imgurl]”, “click”, function(evt){ alert( $(this).attr(“data-imgurl”) ); });

jQueryvalidation – 工作，但不“提交”: 我有一个表单可以很好地“点亮”validation消息，并在通过validation时将“保存”按钮更改为“正在加载…”。都好。但是，表单永远不会提交。我想我缺少基本的东西。 $(“#btnSave”).on(“click”, function() { if ($(“#formMain”).valid()) { var btn = $(this); btn.button(‘loading’); //This works and fires when the form is valid setTimeout(function() { btn.button(‘reset’); }, 3000); $(“#formMain”).submit(); //FireBug says this is hit, but nothing happens } }); 如果它是我的validation器，这里它是供参考： var CloudFormValidation = function () { var handleValidation = function() { // for more […]

html5video – 让整个video在Android上可点击播放？: 我已将html5video添加到我的移动网络应用中，目前为了播放此video，用户必须点击video左下方的小播放图标。是否可以设置video，以便用户点击它播放的任何部分？在Android 2.3.3上进行测试，在iOS上整个video似乎是可点击的我目前的代码：谢谢

可自定义且跨浏览器友好的音频播放器，用于标签: 我很难找到一个jQuery类型的播放器，我可以轻松自定义并应用到我的网站。基本上我试图说服我的音频标签：因为src来自声音云，它将永远是.mp3格式，因此我需要一个能够在不支持.mp3格式的浏览器中回退的播放器。谁能建议这样的球员？优选地，重量轻，易于安装并且具有高度可用的css。

HTML5拖放问题: 谢谢你看这篇文章我有一个jsFiddle页面来展示我的问题我的js小提琴 #div1 {width:200px;height:200px;padding:10px;border:1px solid #aaaaaa;} #div2 {width:200px;height:200px;padding:10px;border:1px solid #aaaaaa;} #div3 {width:200px;height:200px;padding:10px;border:1px solid #aaaaaa;} function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData(“Text”,ev.target.id); } function drop(ev) { ev.preventDefault(); var data=ev.dataTransfer.getData(“Text”); ev.target.appendChild(document.getElementById(data)); } Drag the image you want into this box! Main Image Image 2 Image 3 基本上发生的是当我将图像拖动到上面的div（有3个div）时，我希望能够让图像保持原样并且不会从原始位置消失。拖动图像的div也应该捕获图像，如果新对象拖动到同一个div （之前已经放下另一个图像），新图像应该覆盖旧图像。另一个问题是如果我有一个带有表单post的提交按钮，通过获取div1，div2，div3的值，浏览器是否能够捕获用户输入？例如drag1，drag2或drag3。 […]

根据窗口大小禁用javascript插件: 我正在编写一个网站，主要针对三个不同的断点（桌面，平板电脑，移动设备）。我有一个javascript插件，为我的全宽背景运行自动图像更改。当我将窗口调整为平板电脑和移动断点时，我可以禁用javascript插件并在窗口小于*** px时停止运行吗？