Tag: html5

如何从顶部滑下JQuery移动: 我正试图让事件上下滑动，而不是左右我有这张图像显示：我可以使用箭头图标（onClick（））来处理事件，但是我想添加向上滑动事件，添加滑动事件时它在左侧工作，我希望它下来，因为图像显示任何帮助？

HTML5包含文件: 什么是最好的方式 – 跨浏览器兼容，包括一个HTML5的HTML文件。我正在build立一个HTML5网站，并希望在一个单独的文件，并包含在网站页面的导航。

sessionStorage和localStorage的范围: 我读了一些关于sessionStorage和localStorage的文档，但我不明白范围是什么：域，一个特定的页面？例如，如果我有以下页面： http://example.com/products.aspx?productID=1 http://example.com/products.aspx?productID=2 http://example.com/services.aspx?serviceID=3 如果在上面的每个页面上运行（idvalue是查询string中的值）： localStorage.setItem('ID',idvalue); 我最终会存储3个不同的值，还是会覆盖对方的值？

关于HTML 5中的地理定位: Google地图现在可以通过Firefox帮助精确定位我的位置。我知道这是HTML 5兼容浏览器的一个新function，并且通过使用连接的WiFinetworking的某种function（我希望我没有做任何愚蠢的假设）来获取位置。我想知道的是，整个过程如何正确运作：为什么只在HTML 5中？为什么/ Firefox如何要求我与Google地图分享我的位置？什么是一个可以依靠的正常精度？我如何在我的网站中实现这个function？提前致谢！

您可以在<textarea>中使用多行HTML5占位符文本吗？: 我使用HTML5的占位符属性将焦点放在文本字段中时，文本字段中的幽灵文本会消失： <input type="text" name="email" placeholder="Enter email"/> 我想使用相同的机制，在textarea中有多行占位符文本，可能是这样的： <textarea name="story" placeholder="Enter story\n next line\n more"></textarea> 但是，这些显示在文本中，不会导致换行符有没有办法有一个多行占位符？更新：我得到这个工作的唯一方法是利用jQuery水印插件，它接受占位符文本中的HTML： $('.textarea_class').watermark('Enter story<br/> * newline', {fallback: false});

通过HTML5和JavaScript中的localStorage循环播放: 所以，我想我可以只是像一个普通的对象循环localStorage，因为它有一个长度。我怎么能通过这个循环？ localStorage.setItem(1,'Lorem'); localStorage.setItem(2,'Ipsum'); localStorage.setItem(3,'Dolor'); 如果我做一个localStorage.length它返回3这是正确的。所以我会假设一个for…in循环会起作用。我在想像这样的东西： for (x in localStorage){ $('body').append(localStorage[x]); } 但没有用。有任何想法吗？我的另一个想法是类似的 localStorage.setItem(1,'Lorem|Ipsum|Dolor') var split_list = localStorage.getItem(1).split('|'); 其中for…in工作。

如何使一个<svg>元素展开或收缩到它的父容器？: 目标是将<svg>元素扩展为其父容器的大小，在这种情况下是一个<div>，不pipe容器有多大或多小。代码： <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> </svg> </div> 这个问题最常见的解决scheme似乎是在<svg>元素上设置viewBox属性。 viewBox="0 0 widthOfContainer heightOfContainer" 但是，在<svg>元素中的元素具有预定义的宽度和/或高度的情况下，这似乎不起作用。例如，在上面的代码中，<rect>元素的宽度和高度都是明确设置的。所以显而易见的解决scheme是在这些元素上使用％宽度和％高度。但是，这甚至必须完成？尤其是，因为<img src = test.svg />可以正常工作，并且扩展/合同没有任何明确设置<rect>高度和宽度的问题。如果象<rect>这样的元素和其他像这样的元素必须以百分比来定义它们的宽度和高度，那么在Inkscape中是否有这样的方法来设置它，以便所有具有<svg>文档的元素使用百分比宽度，高度等..而不是固定的尺寸？

SVG与变换matrix协调: 我想在矩形元素上实现像svg-edit一样的function 旋转矩形调整拖动旋转SVG矩形它工作正常，但是当我想调整矩形的大小时，它有一个问题。坐标不正确; 我使用变换matrix来旋转targetelement.setAttribute(transform,rotate(45,cx,cy))但是当元素被旋转时，坐标被移动。我也使用inverse函数来逆转换matrix它解决了问题，但它不能与拖动function。

Twitter Bootstrap在表单元格上使用collapse.js: 我正在处理列出交易（贷方和借方）的帐户页面。我希望用户能够点击一个表格行，并展开显示更多的信息。我正在使用twitter bootstrap并查看了文档，这是我的结果 <table class="table table-striped" id="account-table"> <thead> <tr> <th>#</th> <th>Date</th> <th>Description</th> <th>Credit</th> <th>Debit</th> <th>Balance</th> </tr> </thead> <tbody> <tr data-toggle="collapse" data-target="#demo1" data-parent="#account-table" class=""> <td>1</td> <td>05 May 2013</td> <td>Credit Account</td> <td class="text-success">$150.00</td> <td class="text-error"></td> <td class="text-success">$150.00</td> <div id="demo1" class="demo out collapse">Demo1</div> </tr> 请参阅： http : //jsfiddle.net/2Dj7Y/ 唯一的问题是，它显示的“下拉信息”在错误的地方，我想添加一个新的行，而不是打印在表的顶部我也尝试添加一个新的表格行（这只是显示行，并没有崩溃的行动（只适用于第一行） <tr data-toggle="collapse" data-target="#demo1" data-parent="#account-table" > <td>1</td> <td>05 […]

使用@ font-face将文本绘制到<canvas>在第一次不起作用: 当我通过@ font-face加载的字体在canvas上绘制文本时，文本无法正确显示。它根本不显示（在Chrome 13和Firefox 5中），或字体错误（Opera 11）。这种意外的行为只发生在第一次使用字体的graphics上。之后，一切正常。这是标准的行为还是什么？谢谢。 PS：以下是testing用例的源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>@font-face and <canvas></title> <style id="css"> @font-face { font-family: 'Press Start 2P'; src: url('fonts/PressStart2P.ttf'); } </style> <style> canvas, pre { border: 1px solid black; padding: 0 1em; } </style> </head> <body> <h1>@font-face and <canvas></h1> <p> Description: click the button […]