Tag: html5

更改css样式HTML5表单所需的属性必需消息

我使用RTLbootstrap进行RTL项目。 现在我有任何forms与HTML5表单必需属性必需的消息 。 在行动中我有这个气球输入： 我需要改变这样的RTL： HTML： 注意：这不是自定义工具提示或气球！ 如果我们在表单输入中添加所需的html标记。 在提交表单之前， HTML5 form required attribute自动显示此气球消息。 我需要编辑/更改/设置CSSvalidation消息？ 如何在input字段right更改显示所需的字段消息？

查看ContentEditable div是否具有焦点

我试图检查一个可信的div是否有焦点，但我遇到了一些麻烦。 到目前为止，这是我的代码： if ($(“#journal-content:focus”)) { alert(“Has Focus”); } else { alert(“Doesn’t Have Focus”); } 问题是，它总是返回“有焦点”，即使它没有。 这样做的最佳方法是什么？ 更新：执行此操作的原因是在插入新元素之前查看光标是否位于所需位置。 否则，如果用户单击的最后一个位置在标题中，那么当我使用Rangy恢复选择并将其替换为新元素时，它最终会出现在标题中。 我需要一种方法来确定contenteditable div是否已被聚焦/将光标放在其中，所以如果没有，我将简单地追加我在最后插入的元素。 更新2：这是一个说明我的问题的JSFiddle： http ： //jsfiddle.net/2NHrM/

是否可以使用html5自动全屏？

我基于在Web浏览器中使用Fullscreen API（http://hacks.mozilla.org/2012/01/using-the-fullscreen-api-in-web-browsers）进行全屏，但仅适用于单击事件或控制台firebug，而不是提交事件或鼠标hover或类似的自动化。 是否可以使用html5自动全屏，无需点击事件或类似事件？ 编辑：如果不可能，我理解安全性和可访问性的原因，但在某些环境中，这可能是有希望的。

删除上一个笔划（创建一个临时行） – Javascript / HTML5

我正在尝试制作一个简单的绘图应用程序，并且我希望在指定行起点后行可以预览行。 相应的javascript是这样的： var Edges = new Array(); var Vertecies = new Array(); var Mouse = {x:0, y:0} function findPos(obj) { var curleft = 0, curtop = 0; if (obj.offsetParent) { do { curleft += obj.offsetLeft; curtop += obj.offsetTop; } while (obj = obj.offsetParent); return { x: curleft, y: curtop }; } return undefined; } function […]

如何在html 5中销毁/重新加载canvas？

我正在开发一个电子书应用程序，我使用PDF.js在canvas上绘制每个页面，问题是，当我点击按钮并转到其他页面时，我尝试再次在同一个canvas上渲染，但canvas似乎移动了到错误的位置或错误的大小。 function renderPage(url) { canvas = document.getElementById(‘canvas’); ctx = canvas.getContext(‘2d’); //clearCanvasGrid(‘canvas’); PDFJS.getDocument(url).then(function (pdf) { // Using promise to fetch the page pdf.getPage(1).then(function(page) { var viewport = page.getViewport(5); //scale 5 canvas.height = viewport.height; canvas.width = viewport.width; // Render PDF page into canvas context var renderContext = { canvasContext: ctx, viewport: viewport }; page.render(renderContext).then(function() { initialZoomPage(viewport.height,viewport.width); }); […]

使用jquery替换css中的特定颜色代码

我想将＃789034代码替换为另一个代码，如＃456780，它使用jquery在main.css中找到它 我有一个main.css文件，如下所示： .common-color { color:#789034; } .new-cls { border-color:#789034; height:300px; } .awesome-one { background-color:#789034; height:200px; width:300px; } 我想将＃789034代码替换为另一个代码，如＃456780，它使用jquery在main.css中找到它： $(each where code=#789034) { set code: #456780; }

将值保存到HTML5 localStorage – >在页面加载时填充

我正在关注O’Reilly的“使用HTML，CSS和Javascript构建iPhone应用程序”中的示例 ，我希望在应用程序关闭并重新加载后，从表单输入的值将填充，类似于php的“粘性表单”。 我从示例中改变的唯一方面是在提交时调用saveSettings，这里我调用了unload（之前在输入模糊上）。 在文档就绪而不是提交时调用加载设置。 编辑我删除了额外的哈希标志，我显示包含jquery的代码（它之前包含）我绑定saveSettings卸载。 这些值仍然没有粘性。 当我关上窗户再打开窗户时，它们就消失了 $(document).ready(function(){ $(‘#current-age’).blur(saveSettings); loadSettings(); }); function loadSettings() { $(‘#monthly-income’).val(localStorage.income); $(‘#saving-per-month’).val(localStorage.saving); $(‘#current-age’).val(localStorage.age); } function saveSettings() { localStorage.age = $(‘#current-age’).val(); localStorage.saving = $(‘#saving-per-month’).val(); localStorage.income = $(‘##monthly-income’).val(); } Input Output

使用和标签显示javascript脚本

我正在试验html 5中的 和标签，因为我想在我的网站上包含一些代码片段。 我正在使用下面的页面作为测试页面，但它没有显示任何内容。 有什么理由吗？ $(‘#inputField’).hide(); 我的理解是，使用这些新标签会否定它们包含的任何代码，但这似乎并非如此。 干杯， Ĵ

同一页面中的多个datepicker不能正常运行javascript

我在表单中使用了添加行删除行function。 我有一个带date pickerfunction的日期字段。 问题是，如果我添加多行，然后单击日期选择器它不能正常工作。 请参阅http://jsfiddle.net/KN7Hd/进行演示。 $(function() { $( “#datepicker” ).datepicker({ showOn: “button”, buttonImage: “images/calendar.png”, buttonImageOnly: true, showOtherMonths: true, selectOtherMonths: true }); }); 如何解决这个问题？

全屏响应三角形图案

最近我在移动用户体验设计中挖掘了一些，我找到了一个关于1手/拇指选择的有趣话题。 主要思想是你有两个可以用拇指点击的三角形区域。 我确实试图通过CSS或jQuery找到一个解决方案来创建2个可点击/触摸的三角形区域，但是我失败了。 我试过了： – 图标字体 – svgs（这不起作用，因为svgs仍然是矩形的） – 带有边框形状为三角形的div – 帆布（没有那么好用） – ASCII字体 – jQuery，在这方面没有什么用处：/ – 旋转div（CSS变换） 您是否有任何关于如何实现适合屏幕的响应三角形的建议，如此屏幕中不重叠，可在DOM中单击和访问？ UI的主要观点是用户需要这样看到点击/可触摸区域（视觉上）以确定交互的可能性。 获得点击区域（以三角形样式）很可能不是问题。 但是，向用户显示他们需要在某个区域进行交互是关键。 我不想要缩放或不同版本的图片！ 我喜欢看CSS或JavaScript解决方案…… 我想最大的问题是三角形不成比例+响应性 这张照片应该说明这个想法： 响应三角形http://sofzh.miximages.com/jquery/7q8q4nha.jpg