Tag: html5

在上传之前获取video尺寸，客户端: 我有一个video上传表格。用户单击“浏览”并选择一个文件。如何在用户选择文件时（在文件上传到服务器之前）获取video尺寸。它显然必须是客户端的东西，可能是javascript / jquery或flash / flex（虽然更喜欢js // jquery），但是他们中的任何一个都可以这样做吗？

phonegap相机未将图像加载到标签中: 我正在尝试使用navigator.camera对象捕获图像并将其推入img标记。我正在做的演示在这样的phonegap文档中说的： if(navigator.camera) { navigator.camera.getPicture(function(imageData){ var $image = document.getElementById(‘imageForTask’); image.src = “data:image/jpeg;base64,” + imageData; console.log(imageData); }, null, {sourceType:1, quality: 50}); } else { alert(“Camera not supported on this device.”); } 当我这样做时，我在imageForTask中得到一个断开的链接。这就是消息来源所说的： data:image/jpeg;base64,content://media/external/images/media/325 。有谁知道为什么这不起作用？我已经和它搏斗了一段时间。谢谢！ -Geoff

取消选中复选框后，输入类型文本字段将重复: 我有一个名为Firstname，Lastname和Email的复选框。我必须在单击复选框后显示输入类型，或者如果未选中，则删除复选框。此外，我试图获得选中的复选框的标签，但我没有得到它。你能帮帮我吗？ $(document).ready(function() { $(“.add_text_type”).click(function() { if ($(‘.add_text_type’).is(“:checked”)) { var get_label = $(‘label[for=”‘ + +$(this).attr(‘id’) + ‘”]’).text(); $(“#items”).append(”); } else { //what login I have to use here when unchecked check box } }); }); $(document).ready(function() { $(“.add_email_type”).click(function() { if ($(‘.add_email_type’).is(“:checked”)) { $(“#items”).append(”); } else { //what login I have to use here […]

如何使用文本框值过滤多个选择中的值: 我有一个文本框和多个选择框。当我在文本框中写东西时，它将在多个选择中过滤该文本并仅显示匹配的值。 Long Distance Travel Amazing Excellent Travelling I am rich 因此，如果我开始在输入框中书写，它将开始过滤选择框中的值。我想要使用选项标签的文本进行过滤。请指导。

单击另一个时，触发单击一个锚点: 当我点击链接时，我希望链接也被点击。但是，我的代码没有任何反应，请参阅小提琴。 HTML： Man-to-man suggestions Name Surname Alexis Tsipras JavaScript的： function load() { $(“#foo”).tigger(‘click’); } function burn() { $(this).css(“color”, “red”); }

未捕获的TypeMismatchError：无法在’CanvasRenderingContext2D’上执行’drawImage’: 我遇到以下代码段的问题： var o = $(“#inserted_motive”).find(“span”); $.contains(document.documentElement, o[0]) ? b.fillText(m, i, h) : b.drawImage(d, i, h, e, f); var p = a.toDataURL(“image/png”); window.open(p) }), $(function () { $(“#tabs”).tabs() }); 出现以下错误：未捕获的TypeMismatchError：无法在’CanvasRenderingContext2D’上执行’drawImage’：提供的第一个参数为null，或者无效的HTMLImageElement，HTMLCanvasElement或HTMLVideoElement对象。也回答了这个问题; $(“#creator”).click(function () { var a = document.getElementById(“final_image”), b = a.getContext(“2d”), c = document.getElementById(“shirt_main_canvas”), d = document.getElementById(“inserted_image”); b.drawImage(c, 0, 0); var e = $(“#inserted_image”).width(), f […]

如何让这个HTML5全屏function在Firefox中运行？: 我想要一个按钮，使用HTML5全屏API触发全屏模式。我在网上点了一些示例来获取下面的代码，但它仅适用于Safari / Chrome，因为它是特定于webkit的前缀。我想使用moz前缀（以及标准HTML5）也可以在Firefox中使用，但我不知道如何去做。任何建议？ HTML： Exit/enter fullscreen mode JS： $(‘.fullscreen’).on(‘click’, function(){ var elem = document.getElementById(‘viewer’); if (document.webkitFullscreenElement) { document.webkitCancelFullScreen(); } else { elem.webkitRequestFullScreen(); }; });

不能直接将 .play（）作为jQuery回调: 考虑以下代码： var music = $(“audio”)[0]; //doesn’t work $(“#pbutton”).click(music.play); //works $(“#pbutton”).click(function(){music.play()}); 无效的行在Firefox中返回此错误： TypeError: ‘play’ called on an object that does not implement interface HTMLMediaElement. 我在这里错过了什么吗？为什么这不起作用？更新：我为此做了一个小提琴。

使用所选的填充和更改div的内容: 我试图谷歌它，并在SO中找到了一些结果。然而，讨论中的观点与我的不同。在任何人都可以接受我的问题之前，我想先说清楚我真正希望从这里得到什么。如下; 如果这对我来说是一个很好的方式来实现我现在拥有的东西（代码），我应该从那里修改什么。如果这不是好方法，那么我应该通过什么方式改变并实现它。奥凯场景是：我在中至少有五个菜单。在每个，都有一些隐藏的div，因此只会显示的标题，但不会显示主要内容或隐藏的div。然后，我有一个空白div，我希望它自动被第一个隐藏的主要内容填充。之后，如果单击第二个等，则第一个的主要内容填充的空白div将根据下一个选择的或下一个单击的进行更改。我一直在使用的这个脚本在这里，但它不起作用。 $(‘#zen-content’).html($(‘#choice’).val()); $(‘#choice’).change(function(event) { $(‘#zen-content’).html(” + $(‘#choice’).li()+ ”); }); 这是我的HTML： fisrt choice hidden div that is going to show in blank div second choice hidden div… third choice hidden div…</div last choice hidden […]

如何使用多个对等体的对等连接构建网络？: 我想使用WebRTC数据通道在多个对等体之间构建网络。什么是用于高效通信和video会议的最佳拓扑？那我在做什么？如果10个对等体还活着，我将在每个对等体上创建10个对等体连接。我对这种方法有几个问题。如果连接的对等方应该向每个现有对等方发送提议，它应该应答每个对等提供。所以有问题。有替代方法吗？我想做什么？我想实现一个网状拓扑，即在对等连接上创建，可以与对方进行通信。我怎么能这样做？