Tag: html5

如何在wysihtml5中切换/删除类

我需要能够在添加新类时从跨度中删除前一个类。 下面是自定义函数，它添加了一个span和一个通过按钮传递的类。 wysihtml5.commands.custom_underline = { exec: function(composer, command, className) { return wysihtml5.commands.formatInline.exec(composer, command, “span”, className, new RegExp(className, “g”)); }, state: function(composer, command, className) { return wysihtml5.commands.formatInline.state(composer, command, “span”, className, new RegExp(className, “g”)); } }; 这是按钮： Grey Dark Grey Black 如果我点击灰色和深灰色按钮，它会产生以下代码： Some text 在添加新类之前，我需要找到一些方法来删除前一个类。

只在一个复选框中显示“必需”（动态显示）

我创建了一个数据库驱动的测试，有三种类型的问题 – 输入类型=无线电，文本和复选框。 如果我在结束标记之前插入必需 ，它适用于广播和文本问题，但不适用于复选框。 问题是每个复选框问题都有几个可能的答案 – 从三到六个不等。 而那些正确答案的选择数量也各不相同。 但是当我向复选框脚本添加“required”时，用户必须选择每个答案才能进入结果页面。 这就是代码的样子： ‘.$QA.’ 我找到了HTML5必需属性页面，它似乎解决了这个问题。 如果我理解正确，您可以通过在一个元素中插入“required”来解决问题。 因此，如果您将其插入答案A，用户可能会选择答案C和D，一切都会正常工作。 如果这是正确的，那么有没有办法只在一个复选框中显示“必需”，而不是全部？

HTML5中的3D图像转换

我正在尝试使用这个令人敬畏的图像滑动运动。 这是一个免费的HTML5模板。 这是链接freehtml5templates.com/fascination-html5-and-css3-template 。 我下载了源代码，但我无法重建它。 我只需要3D图像滑动。 所以我只把那部分拿出去并保持其他一切相同， jsfiddle.net / smaran / rpgqD 。 我没有在Fiddle中添加CSS和JS，因为有多个，但如果你从我刚给你的链接的源代码下载，你可以找到它们。 帮帮我。 代码不完整吗？

当我使用ajax渲染Scroller部分时，iScroll不起作用

我遇到了一个奇怪的问题。 如果我使用“for loop”将html渲染为滚动部分，一切都运行良好。 但是当我使用ajax将我的数据渲染成滚动部分时.iScroll不起作用（无法滚动）。 这是我的url：http： //yuanwang.sinaapp.com/8505/item.html 您可以复制我的代码并尝试自己。 打开item.js并尝试运行“for循环”，你可以看到一切运行良好。

HTML 5 PostMessage / Detect iFrame无法加载

我们有一些代码利用HTML 5中的新postMessagefunction来解决跨域通信问题。 我正试图找到一种方法来检测我是否正在将消息发布到正确加载其内容的iFrame。 如果帧无法正确加载，postMessage不会知道这一点，并且很乐意将消息发布到无响应的帧中（我假设消息正在传递到帧，无论是否加载了它的内容）。 这是我们的工作流程： 用户加载http://www.a.com/specialpage.aspx a.com/specialpage.aspx反过来加载一个子iFrame，其源代码设置为来自另一个域的代理页面，例如http://www.b.com/lookatmyproxy.htm 。 用户执行某些操作，单击按钮 window.postMessage用于将消息发布到子帧，其中（希望）由加载帧的代理（b.com/lookatmyproxy.htm）拾取。 收到邮件后，将validation，处理邮件，并将回复发回给父框架（a.com/specialpage.aspx）。 用户会看到他们行动的结果，大家都很开心。 问题的情况是，如果b.com关闭并且代理无法加载到iFrame中，postMessage将只会触发并忘记，并且父框架永远不会收到错误或任何类型的回复。 iframe的安全问题和性质似乎阻止我检查框架内容或状态，以确定代理是否正确加载。 我可以把一个带有一些超时逻辑的继电器放在a.com和b.com之间控制（a.com发布到a.com/relay，然后发布到b.com/proxy等） ，但这似乎过于复杂。 有没有办法让我检查iFrame并告诉它的内容是否正确加载，或者检测到postMessage正在传递给源无法加载的帧？

hml5 toDataUrl（）无法处理chrome

我这样做： $(‘#displayBtn’).click(function(){ var canvas = document.getElementById(“myCanvas”); var dataUrl = canvas.toDataURL(); document.getElementById(“textArea”).value = dataUrl; }); 它在Firefox和IE上运行良好，但Chrome没有运气。 我用谷歌搜索并回来了与.SVG文件有关的问题，但我没有使用任何SVG文件，只有PNG和JPG。 这是我的代码的小提琴： http ： //jsfiddle.net/ykpCn/2/是因为我使用透明的PNG？ 不知道我做错了什么。 对HTML5来说很新，我希望这不是我忽略的愚蠢。

使用rails 4的link_to触发jQuery单击

我正在开发一个Rails 4应用程序。 我需要使用javascript（或jQuery）触发链接中的单击。 在我看来，我有这个： 这会产生： Fixture 注意remote: true 。 当我点击链接时，这工作正常，但我需要模拟点击js。 我尝试过： $(‘#fixture-link’).click(); $(‘#fixture-link’).trigger(‘click’); $(‘#fixture-link’).trigger(‘click.rails’); 但他们都没有工作。 提前致谢！ 编辑 @RustComet Comet它应该替换我的一个div的HTML … @RichPeck我的观点太大了。 然后，为了避免漫长的渲染时间，我试图通过JS加载部分。 我已经使用了这个信息： https ： //stackoverflow.com/a/15174908/3893506来实现这一目标。 我的视图有各种标签，所有标签都是通过JS加载的（除了一个）。 然后我在路由中添加了一个附加参数，以便直接访问所需的选项卡。 所以我可以去/tournament?active=fixture并看看夹具。 问题是，标签处于活动状态，但内容不在此处。 （当然，直到我链接上的clic才会触发ajax请求和回调）。 这就是为什么我试图模拟该链接上的clic并加载相应的选项卡。

javascript-无法将canvas转换为图像数据

伙计们！ 我正在尝试制作一个演示，用户可以通过他的浏览器从网络摄像头捕获图像，这个图像将通过使用AJAX调用传递给PHP服务保存在后端。 我能够捕获canvas但不能将其转换为图像数据。 我得到的canvas is undefined error 安装非常简单。 HTML Snap Photo JAVASCRIPT // Grab elements, create settings, etc. var video = document.getElementById(‘videoElement’); // Get access to the camera! if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { // Not adding `{ audio: true }` since we only want video now navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) { video.src = window.URL.createObjectURL(stream); video.play(); }); […]

如何使用Ajax和HTML结构来回显自动完成选项？

我想创建一个自动填充搜索框。 它获取一个JSON并将它们发送到的HTML5 。 它工作正常但它不能在值中使用空格！ 所以它只返回第一个单词。 例如，如果jresults.name是“let go” – 我只得到“let”。 这样做的最佳方式是什么？ 这部分： $( “#prod_name_list” ).children().remove(); 阻止我从列表中选择一个选项。 因为当我“键入”时它会删除其中的所有内容，所以我需要一个不同的解决方案。 第二部分是在提交表单后我想要获取对象的id。 （ jresults.id ）我不知道如何使用提交检索它。 我的代码： JS部分： $(“#prod_name”).bind(“keyup”, function(e) { if (e.which = 48){ $( “#prod_name_list” ).children().remove(); var prod_name = $(“#prod_name”).val(); $.ajax({ method: “POST”, url: “”, data: ({ “prod_name”: prod_name }), success: function (result){ var jresults = JSON.parse(result); console.log(“jresults: “+jresults); […]

Bootstrap轮播，自动循环然后停止

我正在使用twitter bootstrap和轮播function。 标记如下所示。 我试图在页面加载时实现一些东西，1。旋转木马在第一张幻灯片上开始并保持在那里（比方说500ms）。 然后它移动到幻灯片2并永远停止。 只有2张幻灯片，用户可以使用箭头在它们之间移动，但这不应该触发幻灯片的持续循环。 （如果困难，这不太重要）。 我已经尝试过更改旋转木马控件，但我无法弄明白： http ： //twitter.github.com/bootstrap/javascript.html#carousel 从： $(‘.carousel’).carousel({ interval: 3000 }) 至： $(‘.carousel’).carousel({ interval: false }).carousel(1).delay(‘500’); 当我选择后一个选项时，旋转木板会在我按箭头后连续滚动，但通常不会。 我已经包含了我的旋转木马标记。 希望这可以帮助。 脑部比我的小豌豆大的人有什么想法或指针吗？ Heading 1Strapline 1 Heading 2 Strapline 2 ‹ ›