Tag: html5

DOMDocument :: loadHTML错误: 我构build了一个脚本，将页面上的所有CSS组合在一起，以便在我的cms中使用它。现在它工作很好，现在ii得到这个错误：警告：DOMDocument :: loadHTML（）[domdocument.loadhtml]：实体中的标题标题无效，第26行的css.php中的第10行警告：DOMDocument :: loadHTML（）[domdocument.loadhtml]：在实体中标记导航无效，第26行的css.php中的第10行警告：DOMDocument :: loadHTML（）[domdocument.loadhtml]：实体中的标记部分无效，行26 ： css.php中的 22行这是PHP脚本这是我的代码： <?php header('Content-type: text/css'); include ('../global.php'); if ($usetpl == '1') { $client = New client(); $tplname = $client->template(); $location = "../templates/$tplname/header.php"; $page = file_get_contents($location); } else { $page = file_get_contents('../index.php'); } class StyleSheets extends DOMDocument implements IteratorAggregate […]

在jquery mobile中dynamic添加<li />到<ul />: 我试图添加列表项到无序列表jquery移动，但格式似乎并没有正确创build。 <ul data-role="listview" data-theme="c" data-dividertheme="b"> <li data-role="list-divider"> Title Divider </li> <li> <a href="test.html" data-transition="slide">List item 1</a> </li> </ul> 脚本： $('ul').append('<li><a>hello</a></li>'); 出于某种原因，dynamic生成的li不会显示与静态创build的li相同的方式。有谁知道为什么以及如何使它一样？

更改“没有select的文件”：: 我有一个button“select文件”如下（我正在使用翡翠，但它应该是相同的Html5）： input(type='file', name='videoFile') 在浏览器中显示一个button旁边的文本“没有select文件”。我想将“无文件select”文本更改为其他内容，如“无videoselect”或“请selectvideo”。我在这里遵循了第一个build议：我不想看到“没有select文件”的文件input字段但是这样做并没有改变文本： input(type='file', name='videoFile', title = "Choose a video please") 有谁能帮我弄清楚问题在哪里？

动力学js拖放，resize和旋转图像: 我试图结合拖放resize的图像和旋转图像触摸，我的行为是奇怪的http://jsfiddle.net/littlechad/Kuaxn/ 我的代码如下： function update (activeAnchor) { var group = activeAnchor.getParent(); var topLeft = group.get('.topLeft')[0]; var topRight = group.get('.topRight')[0]; var bottomRight = group.get('.bottomRight')[0]; var bottomLeft = group.get('.bottomLeft')[0]; var image = group.get('.image')[0]; var stage = group.getStage(); var anchorX = activeAnchor.getX(); var anchorY = activeAnchor.getY(); // update anchor positions switch (activeAnchor.getName()) { case 'topLeft': topRight.setY(anchorY); bottomLeft.setX(anchorX); break; […]

如何在HTML5网站上创buildQR码阅读器？: 我正在寻找在我的基于HTML5的网页中创buildQR码阅读器的可能性。我做了一些Googlesearch，所有的链接都指向移动应用程序。请帮我指点一下，如何使用HTML5和JavaScript来读取包含url的二维码，然后将浏览器redirect到该url。

HTML5 Boilerplate：Meta viewport和width = device-width: 我正在构build一个自适应/响应式网站。关于HTML5BP的最近更改： “ 移动/ iOS的CSS修订 ” 我已经开始使用： <meta name="viewport" content="width=device-width"> …我有这个在我的CSS： html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 当包含initial-scale=1时，从垂直到水平（在iPad / iPhone上）旋转导致布局从2列（例如）改变到3列（由于美达查询， initial-scale=1和JS修复视口缩放错误）。总而言之，在横向模式下，缩放页面： <meta name="viewport" content="width=device-width"> …而这不是： <meta name="viewport" content="width=device-width, initial-scale=1"> 注意：在iPad / iPhone上查看HTML5BP网站时，您可以看到这种缩放效果。我的问题：这是否成为新的标准（即在横向模式下变焦）？我有一段时间向我的同事和老板们解释这个变化……他们习惯于在水平模式下看到不同的布局; 现在页面放大和布局保持不变（除了更大）。如何向无知的群众解释这个问题的任何提示（其中，我可能会被包括在内）？ @robertc：谢谢！这非常有帮助。我其实不喜欢initial-scale=1 ; 这是我的同事谁习惯看到布局的变化，而不是放大。我相信我会被迫添加initial-scale=1来取悦每个人（因为没有缩放，看到布局的变化，是他们以前看到的）。我刚刚注意到github上的HTML5BP index.html和网站，使用<meta name="viewport" content="width=device-width"> ; 对我来说，这是足够好的原因，以消除initial-scale=1 ，但当我试图向“非极客”解释这些事情时，我感到很惊讶。 […]

HTML5 IndexedDB，Web SQL数据库和浏览器大战: 我开始开发具有脱机数据库存储要求的Web应用程序。长话短说，应用程序应该可以运行在： Chrome首选桌面浏览器之一 iOS上的Safari Android的原生浏览器（基于V8和WebKit）所以问题是select哪种技术：IndexedDB或Web SQL数据库？关于Web SQL数据库，一方面可以在任何一种情况下使用。另一方面，Mozilla声称Firefox永远不会实现它，并且根据HTML5 工作草案的规范已经陷入了僵局：这个规范已经陷入僵局：所有感兴趣的实现者都使用了相同的SQL后端（Sqlite），但是我们需要多个独立的实现来沿着标准化path前进。在另一个实现者对实现这个规范感兴趣之前，SQL方言的描述只是对Sqlite的一个引用，这对于一个标准是不可接受的。如果您是实现独立SQL后端的实现者，请联系编辑，以便他可以编写一个方言规范，从而使规范向前迈进。 IndexedDB是Mozilla推崇的另一种select，但它只会在Firefox 4中出现.Microsoft感兴趣，Chrome也会支持它。我对于苹果公司关于IndexedDB的计划一无所知。我个人倾向于selectWeb SQL数据库，但仅仅因为我习惯了SQLite，我喜欢SQL的强大function和performance力，而且我理解了关系模型。 IndexedDB对我来说是一个不确定的因素。这就是说，我害怕在错误的马上投注。即使IndexedDB成为标准，假设对Web SQL数据库的支持将继续存在是否安全？（关于CouchDB的一个注释：你也可以把它看作是一种替代方法吗？）

如何检测对HTML5“下载”属性的支持？: 在HTML5中实现的新function之一是定位标记的download属性。这个属性的好处是，它使用户能够下载在客户端应用程序中创build的内容，例如图像（例如从canvas转换而来）。目前，对这个function的支持很差，所以我想知道如何在浏览器中检测到对这个function的支持。

HTML5dynamic创buildcanvas: 您好，我有一个关于dynamic创build一个使用JavaScript的canvas的问题。我创build一个这样的canvas： var canvas = document.createElement('canvas'); canvas.id = "CursorLayer"; canvas.width = 1224; canvas.height = 768; canvas.style.zIndex = 8; canvas.style.position = "absolute"; canvas.style.border = "1px solid"; 但是当我试图find它，我得到一个null值： cursorLayer = document.getElementById("CursorLayer"); 我做错了吗？有没有更好的方式来创build使用JavaScript的canvas？