Tag: html5

HTML5 WebSQL:如何知道db事务何时完成?

我有以下代码获取json记录集并在客户端Web Sql存储上的三个不同表中插入一些数据。 如何拦截databaseSync()函数的结束? 我想要做的是显示一个警报或更好的ajax微调器gif,以便在同步完成时通知用户。 非常感谢你的帮助,ciao! function databaseSync() { // table one $.getJSON(“http://192.168.1.40:8888/iOS/mobilesrv/index.php?ACT=one”, function(json) { $.each(json.results, function(i, res) { db.transaction(function(tx) { tx.executeSql(“INSERT INTO table1 (A, B, C, D) VALUES (?,?,?,?) “, [res.A, res.B, res.C, res.D], onSuccess, onError); }); }); }); // table two $.getJSON(“http://192.168.1.40:8888/iOS/mobilesrv/index.php?ACT=two”, function(json) { $.each(json.results, function(i, res) { db.transaction(function(tx) { tx.executeSql(“INSERT INTO table1 (A, […]

使用JavaScript for iPad插入HTML5video

我正在尝试使用jQuery for iPad将video插入HTML,但我看到的只是一个黑屏。 如果我将video标记直接添加到HTML页面,似乎一切正常。 这是我在JavaScript中的内容,我使用onClick事件的函数调用它。 var html = “”; html += ”; html += ”; html += ”; $(“#videoDiv”).html(html); 如果我在体内创建一个video标签,一切似乎都运行正常 我计划使用JavaScript的原因是我在同一页面上只有很少的video,并且希望用户选择一个video来反对页面上的单个video……任何想法都会有所帮助 任何帮助将不胜感激谢谢

使用extjs4在网格中的时域combobox问题

1)创建一个网格,并在网格中添加一个类型为’timefield’的coulmn,格式为渲染器(’h:i A’)。 2)添加一行并在’timefield’列中选择一个选项,比如凌晨4:00。 3)添加另一个adjecent行并选择相同的数据,即下拉列表中的凌晨4:00。 您将无法执行此操作,您需要选择另一个时间,然后返回初始选择。 它看起来像是一个ExtJS错误。 如何解决这个问题。 我在网格中编写以下代码 this.mcmGridPanel = new Ext.grid.GridPanel({ height: 360, width: 680, title: ‘Shifts’, store: App.mcmAgentShiftStore, multiSelect: true, x: 0, y: 100, columns: [ { xtype: ‘gridcolumn’, header: ‘Name’, width: 120, dataIndex: ‘Name’, editor: { xtype: ‘textfield’, allowBlank: false } }, { xtype: ‘gridcolumn’, header: ‘Initials’, width: 45, dataIndex: ‘Initials’, editor: […]

当后退按钮触发popState时,如何防止页面刷新?

我试图在没有重新加载的情况下修改页面中的内容。 目前我的代码是: window.onpopstate = function(event){ // Ajax Request the Page and replace content with new content }; 当我按下状态然后触发popstate事件时,这可以工作,但是如果我按下浏览器中的后退按钮,它会导航到url而不是调用onpopstate事件。 如何阻止页面刷新并使用我的ajax调用更新页面? 编辑:我正在尝试使用pushState和popstate进行更新。 我希望保持我的url免费。

hover图像时是否可以隐藏标题?

这是我的代码: 当我将鼠标hover在图像上时,会显示“某个标题”。 有可能被隐藏吗?

是否可以将HTML表单输入标签与SVG混合,或者使用SVG来布局表单?

我们喜欢使用带有SVG的JQuery模板来展示具有漂亮风格的产品。 假设我们有一个代表复杂布局的SVG。 是否可以将标记嵌套在SVG中并仍然在HTML 5中工作? SVG中是否有替代方案可以从用户输入数据,也可以使用Knockout.js提取它们? 我知道你可以在背景图形的意义上使用SVG并破解位置,以便表单字段排列。 如果可能的话,我真的很有兴趣让SVG传入输入语句。

XMLHttpRequest无法加载file:/// C:/Users/hamma/Desktop/rao.html

$(document).ready(function(){ $(“button”).click(function(){ $(“#div1”).load(“rao.txt”); }); }); Let jQuery AJAX Change This Text Get External Content 我想用一些文本或其他网页更改div1的内容,而无需重新加载默认页面。 我在控制台中收到以下错误消息: XMLHttpRequest无法加载file:/// C:/Users/hamma/Desktop/rao.html。 交叉源请求仅支持协议方案:http,数据,chrome,chrome-extension,https,chrome-extension-resource。

用jquery拖动div来改变div的位置

我正在尝试构建一个网站,用户可以将某些项目(div中的一个项目)拖动到页面上的其他div。 它不是一张桌子左右,只是在页面上的某个地方划分。 使用html5拖放它运行良好,现在我尝试为移动设备执行此操作。 我可以将项目拖动到div,将它们放在那里并阻止这个dropzone,因为只有一个元素应该在dropzone中。 我也可以将这个元素拖到另一个div或页面上的其他地方(如果我犯了一个错误,可放置区域只能在第一次删除div时工作)但是我不能在div中删除另一个现在为空的项目再次。 如何再次启用Dropzone中的丢弃? 如果一个被拖到另一个div上,是否有可能改变两个div的位置? 这是我的代码的相关部分: $ (init); function init() { $(“.dragzones”).draggable({ start: handleDragStart, cursor: ‘move’, revert: “invalid”, }); $(“.dropzones”).droppable({ drop: handleDropEvent, tolerance: “touch”, }); } function handleDragStart (event, ui) {} function handleDropEvent (event, ui) { $(this).droppable(‘disable’); ui.draggable.position({of: $(this), my: ‘left top’, at: ‘left top’}); ui.draggable.draggable(‘option’, ‘revert’, “invalid”); } Item 1 Item 2 […]

捕获html5canvas输出为video或swf或png序列?

我需要将HTML5canvas输出视为video或swf png序列。 我在stackoverflow上找到了以下用于捕获图像的链接。 将HTML Canvas捕获为gif / jpg / png / pdf? 但是,任何人都可以建议我们是否希望输出为png序列的video或swf? 编辑: 好了,我现在明白了如何捕获canvas数据以存储在服务器上,我尝试了它,如果我只使用形状,矩形或其他图形,它工作正常,但如果我在canvas元素上绘制外部图像则不行。 任何人都可以告诉我如何完全捕获canvas数据是否我们使用图形或外部图像在canvas上绘图? 我使用了以下代码: var cnv = document.getElementById(“myCanvas”); var ctx = cnv.getContext(“2d”); if(ctx) { var img = new Image(); ctx.fillStyle = “rgba(255,0,0,0.5)”; ctx.fillRect(0,0,300,300); ctx.fill(); img.onload = function() { ctx.drawImage(img, 0,0); } img.src = “my external image path”; var data = cnv.toDataURL(“image/png”); } 在将canvas数据导入我的“数据”变量后,我创建了一个新的canvas并在其上绘制捕获的数据,在第二个canvas上绘制的红色矩形但外部图像没有。 […]

HTML5 Localstorage&jQuery:删除以特定单词开头的localstorage键

我有2个应用程序与localstorage一起工作,我想知道如何删除所有以note-和todo-开头的键。 我知道localstorage.clear()会清除所有内容,但这不是我的目标。 以下是我在本地存储中的示例: 我想删除所有todo- *点击按钮和所有note- *与其他按钮点击使用jquery。 非常感谢