问题标签 [webshim]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
631 浏览

javascript - 以编程方式更新 webshim 日期

我正在使用<input type="date">带有淘汰赛绑定的 html5。我将 webshim 用于不支持 html5 日期的浏览器。

原生 html5 浏览器运行良好,更改日期会更改模型,更改模型以编程方式更改日期输入中显示的日期。

在不支持 html5(例如 IE8)的浏览器上更改日期可以正常工作并更新淘汰模型,但反之则不然。对模型的更改不会传播到 webshim 生成的日期选择器,只会传播到 webshim 使用的隐藏输入。

是否有 webshim 提供的方法或事件我可以调用或触发来告诉它查看数据并在更改后更新 UI?我怎么能写一个淘汰赛绑定来调用它?

0 投票
1 回答
117 浏览

html5-video - webshim mediaelement / kaltura CE / mediaelement.js 作为开发高级播放器的平台

我正在尝试开发一个自定义的自托管可嵌入播放器(现在只是嵌入 YT,但稍后添加媒体的选项),其中包含可以在 FB 时间轴跨浏览器中共享的社交媒体按钮、可点击的叠加层、后滚动选项等等。我已将框架范围缩小到:

  1. 媒体元素.js
  2. Kaltura 社区版
  3. Webshim的媒体元素

我是 javascript 新手,所以易用性、用户群和文档都很重要。为什么其中一个可能对我的目的来说是死胡同,或者为什么一个可能更容易开发?

只是想在深入了解开发细节之前先了解一下。与此同时,我正在尝试使用 mediaelement.js。

0 投票
1 回答
849 浏览

javascript - Firefox:禁用具有 webshim 回退的 HTML5 日期输入的滚动

我试图在 HTML5 日期输入上禁用滚动但没有成功。
这个输入有一个 webshim 后备,这导致我的 JS 可以与 Chrome 一起使用,但不能与 Firefox 一起使用。

有没有人遇到过这个问题?

0 投票
1 回答
93 浏览

webshim - webshim 无法获取西班牙语语言环境

在 Firefox webshim 中,无法获取西班牙语语言环境,它总是以英语显示,但例如 en fr 它工作正常并显示法国。

如何解决?
我希望我的应用程序能够适应语言环境浏览器。

0 投票
0 回答
1044 浏览

javascript - Webshims 和 Input Type="Date" 不能正常工作

这是我第一次请求你的帮助。我正在尝试使用 Webshim 在任何浏览器上加载输入类型 = 日期。我使用这个主题:How to get HTML 5 input type="date" working in Firefox and/or IE 10 and everythings works well. 但是当我尝试使用对 javascript 库的内部引用时,出现了问题。编码:

如果我使用内部库,我会收到此警告,当我单击日期图标时不会出现任何内容: “无法从表单 cfg 中获取明文”

0 投票
1 回答
1167 浏览

angularjs - 如何为 Angular “ng-if”添加的元素获取 Webshim 的 updatePolyfill

我有一个带有Webshim的 Angular 应用程序,主要用于在旧浏览器中添加日期选择器。我正在使用这个:

在视图更改时更新 DOM。

但是我有几个页面在内部包含ng-if用于在某些其他字段处于特定状态时显示某些字段的部分,并且当“$viewContentLoaded”发生时这些部分不在 DOM 中,不会添加 polyfill。该ng-if逻辑由模型更改驱动,因此理想的情况是,如果有某种方法可以生成“afterAllModelChanges”事件,那么无论ng-if存在何种特定逻辑,都可以使用上述技术。

有没有?或者有没有更好的方法来解决这个问题?

0 投票
1 回答
86 浏览

jquery - 如何在 EmberJS 中使用 webshim?

当浏览器不支持输入类型时间时(如当前版本的 Firefox、Internet Explorer),我喜欢在 Ember.js 中使用webshim获得更好的用户体验。但似乎有一个关于绑定的问题。当用户选择值时模型会更新,而模型更改时输入字段不会更新。

似乎需要JQuery().val()使用 webshim 来更改值,但 Ember 不使用此方法。此外,我在 webshims 文档中找不到任何关于如何在值更改后触发更新的信息。

这似乎不仅在 EmberJS 中,而且在其他框架中都是一个问题。此处针对Knockout.js进行了描述。对于 Knockout,解决方案是扩展正常值绑定和使用JQuery().val(). 但我完全不知道如何在 Ember.js 中执行此操作,或者如果可能的话。

0 投票
1 回答
276 浏览

jquery - 防止 Firefox 在表单首次加载时突出显示“无效”(html5) 复选框

我正在使用webshim(一种 polyfill 解决方案)对表单使用 html5 验证。Webshim 对组复选框进行了验证-您必须至少检查组中的一个:(在这里,搜索data-grouprequired

我进行了改进的验证,其中还包括必须检查的最小和最大框。

两者都可以工作(这是两者的工作小提琴)但是在第一次加载页面后在Firefox(不是 chrome 或 ie11)中,“无效”复选框已经以红色突出显示,如给定小提琴中所示 - 仅使用 firefox。

所以我的问题是:如何防止 Firefox 在页面加载时突出显示那些“无效”?(用户甚至没有机会填写这些字段)

我创建了这个小提琴,所以你可以轻松地尝试:小提琴

谢谢你。

  • 我添加了 Webshim 示例,以表明“问题”(不同的行为)与我的代码相比,与 firefox (图片)不同。

在此处输入图像描述

这是代码:html:

jQuery:

我还将添加 Webshim 如何进行他们自己的自定义复选框 grouprequired 验证,他们的 github 文件

0 投票
2 回答
787 浏览

polyfills - 使用 Webshim 的日期选择器进行键盘输入

我正在使用 webshims 库来更好地支持具有更现代功能的旧浏览器。虽然日期选择器与鼠标配合得很好,但我似乎在从键盘上使用它时遇到了问题。最简单的查看方法是访问演示页面。我正在使用 Firefox,因为它不支持日期。

不做任何修改尝试输入日期。我可以输入数字,但不能输入“/”。如果您启用占位符,它甚至会建议使用斜线。我尝试省略分隔符或使用“-”(它让我输入)但是当表单提交时我没有得到任何价值。

你应该如何通过键盘输入日期?

对于奖励积分,是否可以允许日期选择器不强制执行格式?我有可以解析各种日期格式的后端代码。因此,如果他们愿意,他们可以使用日期选择器,但如果他们输入了一些内容,那么他​​们输入的任何内容都会被发送到服务器上而无需修改。

0 投票
1 回答
194 浏览

css - webshim 验证气泡上的样式箭头

我正在尝试为 webshim 的 HTML5 表单验证气泡上的箭头设置 #333 的填充颜色,但我似乎无法识别正确的类。

到目前为止我的CSS:

小提琴:http: //jsfiddle.net/zhwdbhdd/

任何帮助,将不胜感激!