Tag: html5

过滤剑道模板中的来源: 我有跟随Kendo模板和MVVM绑定。这个模板的源代码是viewModel，里面有employees 。员工集合中有3条记录。我只需要显示IsSelected属性为true的记录。 employees: [ { name: “Lijo”, age: “28”, IsSelected: true }, { name: “Binu”, age: “33”, IsSelected: false }, { name: “Kiran”, age: “29”, IsSelected: false } ] 题我们如何在模板中指定此过滤？码 Template Filtering $(document).ready(function () { kendo.bind($(“body”), viewModel); }); var viewModel = kendo.observable({ employees: [ { name: “Lijo”, age: “28”, IsSelected: […]

如何从json为100个项目创建html而不创建100个单个html文件？: 我开发了一个带有phonegap和jquery mobile的应用程序。我有100个项目，需要单页。 html对所有人来说都是一样的。它只是显示名称和一些信息。如何解析我的html中的1个项目并显示信息而不创建100个单个html文件？我把所有的信息都当作json。编辑：用户点击这100个项目中的一个，然后将出现新页面

如何将带有图像的canvas保存到PNG文件: 我使用以下代码 canvas和图像的HTML代码用于从服务器获取图像并在canvas上显示然后显示图像的JavaScript代码 var canvas = document.getElementById(“myCanvas”); var ctx = canvas.getContext(“2d”); baseimage = new Image(); baseimage.src = ‘what.jpg’; baseimage.onload = function() { ctx.drawImage(baseimage,1,1); } var dataURL = canvas.toDataURL(“image/png”); document.getElementById(‘canvasImg’).src = dataURL; $(“#myCanvas”).show(); 正在显示图像，但没有“what.jpg”文件。在Canvas上，文件是可见的，但在IMG标签中没有任何东西可以看到。我在最新版本的Chrome上运行此function。

多个选项卡LocalStorage单用户用例: 我目前有一个SaaS B2B产品，如果它不在VPN背后，我很乐意展示它。但案例是，它构建在Zend Framework之上，它使用Zend的会话处理。这就是说，我的用户最近决定，最近对UI的各个端点进行了改进，他们希望同时在多个选项卡上使用服务，这当前不是当前支持的，而是希望继续改进。我必须满足要求。那就是说。有了这一项服务，我一直用cookie来管理数据，因为页面可以重新加载，并且UI分别重新呈现以匹配重新加载的UI（重新加载由iFrame中的内容触发，因为我们不能从框架内传达父母子女。然而，现在我的用户坚持在多个标签上尝试相同的操作以节省时间，这打破了UI，因为cookie没有任何形状或带有ID标记的表单，我甚至不知道如何暗示，因为我不一定能跟踪标签。所以我知道我会给本地存储一个机会。但是，我仍然不确定如何在多个选项卡上处理单个用户以防止在不同选项卡上使用UI数据，如果页面在给定时间刷新（可能会丢失localstorage中的数据），则更是如此？所以我想弄清楚这一切。如何在一个或多个选项卡中管理此单个用户，而没有一个选项卡数据干扰其他选项卡数据，因为操作和ui都包含在同一个域中。（这会澄清什么更好吗？）

拖放不能在Firefox中工作: 我已经在JQuery和html5中实现了拖放function，它在chrome中工作得很好，但在Firefox中保留以下是我的代码，我警告丢弃图像的ID，在Firefox中显示为未定义，以下是我的代码，请帮忙。 jsfiddle： http ： //jsfiddle.net/rajutikale/2R6p8/ 视图： <a href="#?w=976" rel="popup1" id="content_id?>” class=”poplight album_photos”><img id="content_id?>” draggable=”true” ondragstart=”drag(event)” ondragover=”allowDrop(event)” alt=”” src=””> <input type="hidden" id="content_id?>” value=”wall_id?>” /> <input type="hidden" id="content_id?>” value=”content_type?>” /> <input type="hidden" id="content_id?>” value=”” /> <img id="dropzon_image"src="https://stackoverflow.com/questions/18269677/drag-and-drop-not-working-in-firefox/babbler_btn.jpg” alt=”” border=”0″ style=”cursor: pointer; cursor: hand; “/> <img id="drop_image" src="https://stackoverflow.com/questions/18269677/drag-and-drop-not-working-in-firefox/drop_image.jpg” alt=”” border=”1″ style=”cursor: pointer; cursor: hand; ” /> JS： function […]

如何在html5canvas中弯曲/弯曲图像: 我有这个我想做这个至 HTML JS var temp_can1, temp_can1_ctx; $(document).ready(function () { temp_can1 = document.getElementById(‘mycanvas’); temp_can1_ctx = temp_can1.getContext(‘2d’); var imageObj_rotator3 = new Image(); imageObj_rotator3.onload = function () { temp_can1_ctx.drawImage(imageObj_rotator3, 0, 0); temp_can1_ctx.globalCompositeOperation = “source-atop”; var pattern = temp_can1_ctx.createPattern(imageObj_rotator3, ‘no-repeat’); temp_can1_ctx.rect(0, 0, temp_can1.width, temp_can1.height); temp_can1_ctx.fillStyle = pattern; temp_can1_ctx.fill(); temp_can1_ctx.globalAlpha = 0.10; temp_can1_ctx.drawImage(imageObj_rotator3, 0, 0); temp_can1_ctx.drawImage(imageObj_rotator3, 0, 0); […]

HTML5单击导航链接时加载数据部分: 我有一些路障让这个进展。我有4个导航链接，在内容容器中，我已声明了一些部分，并相应地标记了它们。我想根据点击的导航链接加载所需的部分。我似乎做错了什么，如果有人能借此帮助我，我会非常感激。这是我的HTML代码： HTML 5 ABOUT TECHNOLOGY VISION PRESS HOME SECTION ABOUT SECTION TECHNOLOGY SECTION VISION SECTION PRESS SECTION PRIVACY SECTION CONTACT SECTION Footer Here. $(“a”).bind(“click”, function() { var id = $(this).data(“section”); $(“#content section:visible”).fadeOut(function() { $(“#contnet section”).fadeIn(); }); });

使用dropzone.js使用相同的file.name上载多个文件: 我正在实现dropzone.js，一切都很完美，直到我尝试上传多个具有相同名称的文件，让我们说从iOS设备上传照片都是同名的：image.jpg，我可以更改我的文件名PHP代码，但问题是在dropzone中不再可访问，例如，删除上传的照片，因为我将以两个不同的名称结束一个文件重命名与我的PHP和另一个在dropzone。那么，任何人都可以帮助我吗？有没有办法在使用js上传之前重命名文件？谢谢，

在鼠标保持时连续递增值: 我有一个HTML5’范围’控件，我想在其中添加一个加号（+）和减号（ – ）按钮。小提琴工作得很好，除了“点击并保持”时值只增加（或减少）一次。我想要的是它应该不断增加（或减少）。小提琴 HTML， JavaScript中， $(‘#plus’).click(function() { $(‘#range’).val(parseInt($(‘#range’).val()) + 1); }); $(‘#minus’).click(function() { $(‘#range’).val(parseInt($(‘#range’).val()) – 1); }); HTML5’数字’控件本身就有这种体验。通过SO看，在任何地方找不到这个问题。我得到的最近的是，这只是一次点击。

如何使用javascript打印canvas内容: 我使用jsp页面使用canvas进行写作。我可以在canvas上写任何消息，（我创建的canvas消息……）但在此之后，当我想使用javascript print code打印此canvas消息时，我无法打印canvas内容。下面你可以看到那个打印预览.. 我想打印我在canvas上创建的canvas消息。请帮助我解决这个问题，任何帮助都将不胜感激..