Tag: html5

防止iPhone放大在Web应用程序中的“select”: 我有这个代码： <select> <option value="c">Klassen</option> <option value="t">Docenten</option> <option value="r">Lokalen</option> <option value="s">Leerlingen</option> </select> 在iPhone上运行全屏Web应用程序。当从这个列表中select一些东西时，iPhone放大select元素。 select一些东西后不会缩小。我怎样才能防止这个？或缩小回来？

确定从dragenter和dragover事件中拖出的内容: 我试图使用HTML5可拖动的API（虽然我意识到它有问题）。到目前为止，我遇到的唯一不足就是我无法find一个方法来确定当dragover或dragenter事件触发时被拖动的东西： el.addEventListener('dragenter', function(e) { // what is the draggable element? }); 我意识到我可以认为这是dragstart事件的最后一个元素，但是…多点触控。我也尝试使用dragstart e.dataTransfer.setData来附加一个唯一的标识符，但显然这些数据是从dragover / dragenter 无法访问的：这个数据只有在下降事件发生时才会出现。那么，有什么想法？更新：在撰写本文时，HTML5的拖放似乎并没有在任何主stream的移动浏览器中实现，从而在实践中提出了多点触摸模拟的观点。然而，我想要一个解决scheme，保证在任何规范的实现工作，这似乎并没有排除多个元素被同时拖动。我已经发布了一个工作解决scheme ，但这是一个丑陋的黑客。我仍然希望有更好的答案。

SVG支持Internet Explorer 8及以下版本: 我在Flash中创buildanimation，并使用Swiffy将其转换为HTML5。我认为这是使用SVG来渲染所有的; 有没有一些JavaScript或诀窍让IE8及以下的支持？我的animation在Internet Explorer 9中运行良好。谢谢！

HTML5桌面包装/框架: 目前我正在构buildHTML5应用程序。我真的想部署这个桌面，我已经看过如Sencha的解决scheme，但没有运气（我发现Sencha令人失望和令人沮丧的工作）。我想跨平台兼容性和易于部署，但我还没有发现任何开源或商业，看起来可以有效地工作。任何有经验的人都可以提出一个适合在桌面上打包和部署HTML5应用程序的框架吗？最终的要求是它可以在Mac OS和Windows上运行 – 但是现在Windows单独运行是非常棒的。我考虑过构build一个C＃包装器，它将呈现HTML5，但是我可能已经存在一个我忽略的解决scheme。我会很感激有经验的人的回应 – 其他与此有关的问题并没有提出“提问者”的解决scheme。

如何区分文件或文件夹是否被拖动之前被拖放？: 我试图检测文件夹或文件是否在dragover或dragenter事件中被拖动。例如：在ondrop事件中，有一个名为MouseEvent的参数，它有一个名为dataTransfer的字段，其中列出的文件（ .files ）或项目（ .items ）取决于浏览器，我可以在Chrome和Firefox中阅读。然而，对于这些领域（文件和.items ）而言，这些领域是空着的。问题是我需要这些信息，而拖动，而不是下降。注：对于文件和文件夹event.dataTransfer.types[i] === "Files"为true 。背景研究我发现以下答案部分适合我的问题： WebKit和Chrome因此在调用getData时候有相当的限制。你不能在dragstart或dragover里面做。我认为这是规范的错误。但是，这个答案是从2012年开始的，我无法find关于这个主题的实际更新信息，所以我正在寻找这方面的最新信息。

Html5 – 跨浏览器Iframe postmessage – 孩子父母？: 我一直在遵循这个教程 – http://www.youtube.com/watch?v=R2hOvZ7bwXU ，它基本上解释了如何使用postmessage在iframe和父母之间安全地传递消息 – 你基本上是这样的 – http://html5demos.com/postmessage2 我的问题是，我需要它的工作方向相反（孩子父母），不知道如何定位父窗口。这是我的接收器代码（在父） – function handlingMsg(e) {alert("works") if(e.origin == "http://uc.dialogue.net") { var blah = e.data; alert(blah); } else{alert("error");} } addEventListener("message",handlingMsg, true); 这是由一个简单的forms（在子）触发的发件人function – var text=$('.srchInput').val(); window.parent.postMessage(text, "http://uc.dialogue.net"); 我应该以不同的方式瞄准父母吗？干杯保罗

通过以下方式alignmentHTMLinput字段：: 我有一个HTML表单，如： <html> Name:<input type="text"/></br> Email Address:<input type="text"/></br> Description of the input value:<input type="text"/></br> </html> 现在标签全部从同一列开始，但是文本框根据标签的文本长度从不同的位置开始。有没有一种方法来alignmentinput字段，使得所有的“：”和文本框将从相同的位置开始，并且前面的文本将直到“：”alignment。如果可以帮助实现这一点，我可以使用CSS。

如何使主要内容div填充屏幕的高度与CSS: 所以我有一个页眉，主体和页脚的网页。我希望主体填充100％的页面（在页脚和页眉之间填充100％）我的页脚是绝对位置，底部为0.每当我尝试将主体设置为100％高度或更改位置或东西时，它也将溢出标题。如果将body设置为绝对top: 40 （导致我的标题是40px高），它将只是下降40px，创build一个滚动条。我创build了一个简单的html文件，因为我实际上不能从实际项目中发布整个页面/ css。使用示例代码，即使maincontent主体填满了屏幕，它也会下降40px（引起我的头）。 html, body{ margin: 0; padding: 0;} header{ height: 40px; width: 100%; background-color: blue; } #maincontent{ background-color: green; height: 100%; width: 100%; } footer{ height: 40px; width: 100%; background-color: grey; position: absolute; bottom: 0; } 的HTML <html> <head> <title>test</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <header></header> <div id="maincontent"> […]

可访问性：SVG和MathML推荐的Alt-Text约定？: 概观 HTML5 现在允许使用HTML文档的<svg>和<math>标记，而不依赖于外部命名空间（这里有相当好的概述）。两者都有自己的alt属性类似物（见下文），今天的屏幕阅读器软件可以有效地忽略它们。因此，盲人用户无法访问这些元素。是否有计划为这些新元素实施标准的替代文本惯例？我已经搜遍了文档，干起来了！更进一步的细节关于SVG： SVG的替代文本可以被认为是根title或desc标签的内容。 <svg> <title>An image title</title> <desc>This is the longer image description</desc> … </svg> 我发现一个屏幕阅读器是这样读取的，但这是标准吗？以前插入SVG的方法也有可访问性问题，因为<object>标签被屏幕阅读器不一致地处理。关于MathML： MathML的替代文本应该存储在alttext属性中。 <math alttext="A squared plus B squared equals C squared"> … </math> 由于屏幕阅读器似乎没有认识到这一点，math渲染库MathJax在运行时将文本插入到aria-label属性中。 <span aria-label="[alttext contents]">…</span> 不幸的是，NVDA，JAWS和其他人也不能可靠地阅读这些标签。（更多关于WAI-ARIA ）关于两方面：在大部分不受支持的ARIA属性方面缺乏成功，我尝试使用title属性。这些“外国”HTML元素似乎也被忽略。包起来不仅仅是一个简单的黑客攻击，我正在寻找推荐的方法来在这些新的HTML元素上添加替代文本。也许有一个我忽略的W3C规范？还是在游戏中还为时过早？