Tag: html5

有没有一个很好的jQuery拖放file upload插件?

有没有一个很好的整洁的jQuery插件,允许包括一个单一的JS脚本,然后使用一个简单的片段来启用一个表单? 像这样的东西: $j('#MyForm').enableDragDropUploads('.upload-area') 上传目标是表单的动作。 任何解决scheme都不能阻止常规文件字段的可用性(使用传统的浏览方法)。 我一次只需要一个文件,虽然当然有多个选项不是坏事。 我find了几个拖放上传的例子: http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http://www.appelsiini.net/2009/10/html5-drag-and-drop -多file upload 但是那里的代码没有设置为插件。 改变它可能并不难,但如果其他人已经完成了这项工作,并且完全回避我的Googlesearch,那也没有意义。 我理想的是寻找一个纯粹的HTML5 / jQuery解决scheme。 Google Gears是可以接受的,但是Flash解决scheme不是。

inputtypes= range的onchange事件在拖动时不会在firefox中触发

当我使用<input type="range"> ,只有当我们拖动滑块到Chrome和其他人在拖动滑块时触发onchange事件的新位置时,Firefox才会触发onchange事件。 我怎样才能使拖放在Firefox中发生? HTML <span id="valBox"></span> <input type="range" min="5" max="10" step="1" onchange="showVal(this.value)"> 脚本 function showVal(newVal){ document.getElementById("valBox").innerHTML=newVal; }

使用HTML5历史API的好教程(Pushstate?)

我正在研究如何使用HTML5 History API来解决AJAX加载内容的深层链接问题,但是我正在努力实现。 有没有人知道有什么好的资源? 我想用这个,因为它似乎是一个很好的方式来允许那些被发送的链接可能没有JS打开的可能性。 当有人用JS发送一个链接给某人时,许多解决scheme失败。 我最初的研究似乎指向JS中的History API和pushState方法。 http://html5demos.com/history

什么是完整性和crossorigin属性?

Bootstrapcdn最近改变了他们的链接。 现在看起来像这样: <link href="../../../bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous"> integrity和crossorigin属性意味着什么? 它们如何影响样式表的加载?

Android webview&localStorage

我有一个webview可以通过HTML5应用程序访问localStorage的问题。 test.html文件告诉我本地存储不受我的浏览器支持(即webview )。 如果您有任何build议.. package com.test.HelloWebView; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.util.Log; import android.view.KeyEvent; import android.webkit.WebChromeClient; import android.webkit.WebSettings; import android.webkit.WebStorage; import android.webkit.WebView; import android.webkit.WebViewClient; public class HelloWebView extends Activity { WebView webview; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); webview = (WebView) findViewById(R.id.webview); webview.getSettings().setJavaScriptEnabled(true); webview.setWebViewClient(new HelloWebViewClient()); webview.loadUrl("file:///android_asset/test.html"); WebSettings settings = webview.getSettings(); settings.setJavaScriptEnabled(true); settings.setDatabaseEnabled(true); […]

有人可以解释这个“双重否定”的伎俩吗?

我绝不是JavaScript的专家,但我一直在阅读Mark Pilgrim的“潜入HTML5”网页,他提到了一些我想要更好的理解的东西。 他指出: 最后,您使用双重否定技巧强制结果为布尔值(true或false)。 function supports_canvas() { return !!document.createElement('canvas').getContext; } 如果有人能更好地解释这一点,我将不胜感激!

QuotaExceededError:Domexception22:尝试将某些内容添加到超过配额的存储中

在iOS 7上使用iPhone上的LocalStorage会引发此错误。 我一直在寻找解决scheme,但考虑到我甚至没有私下浏览,没有什么是相关的。 我不明白为什么localStorage在默认情况下会在iOS 7中被禁用,但似乎是? 我也在其他网站上testing,但没有运气。 我甚至尝试过使用这个网站进行testing: http : //arty.name/localstorage.html ,但似乎并不是因为一些奇怪的原因而保存任何东西。 有没有人有同样的问题,只有他们有运气修复它? 我应该切换存储方式吗? 我试图通过只存储几行信息来进行debugging,但无济于事。 我用标准的localStorage.setItem()函数来保存。

如何让HTML文本框在空的时候显示提示?

我希望我的网页上的search框以灰色斜体显示“search”一词。 当箱子获得焦点时,它应该看起来就像一个空的文本框。 如果已经有文字,则应该正常显示文字(黑色,非斜体)。 这将帮助我通过删除标签来避免混乱。 顺便说一句,这是一个页面上的Ajaxsearch,所以它没有button。

有人可以解释HTML5的aria- *属性?

我想知道aria-*属性用于什么。 他们有什么价值观,他们是定义的价值观还是我可以创造我自己的价值观?

好的初学者教程socket.io?

我对networking开发的世界非常陌生,并跳入潮stream,因为我觉得HTML5的概念非常有趣。 我相当有信心使用canvas,现在想移动到它的websockets部分。 我已经了解了socket.io是迄今为止我们想要使用web套接字的框架。 任何指向什么样的教程和例子可以参考一个总假人将非常感激!