問題タブ [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.
html - webshim HTML5 検証バブルが正しく表示されない
カスタム エラー メッセージと webshim による検証を含む HTML5 フォームを作成しました。これはほとんど機能しており、正しく表示されていますが、バブルはチェックボックスの下に表示されず、デフォルトでページの左上に表示されます。CSS が吹き出しを投げているのか、それとも表示されていない要素の下に表示しようとしているのかわからない。
これは私のマークアップです (送信ボタンを 2 つの別々のフォームの下に表示する必要があるため、構造は少し変わっています)。
デモ: http://jsfiddle.net/6bkv2vfz/ .
どんな助けでも本当に感謝します!
javascript - Webshim を使用して日付ピッカーの UI のみを置き換える
Webshim を使用して、datepickers クロスブラウザーを標準化しています。それは素晴らしいことですが、残念ながら、私が興味を持っていない他のフォーム要素も置き換えてしまいます.
webshim/forms-ext を制限して、日付ピッカーの UI のみを置き換え、他のすべての入力要素をそのままにしておく方法はありますか?
javascript - Selenium htmlUnit動的コンテンツが機能しない
あるサイトのセレン テストを作成しようとしています。つまり、ユーザーがサイトを開くと、CMS がいくつかの動的要素 (HTML + JS) をページに追加します。
FF ドライバーでテストを実行すると、すべて問題ありません。
FF ドライバー構成:
この場合、ページの一部です。
ご覧のとおり、動的ブロックは存在します。
しかし、HtmlUnit の場合:
...動的ブロックが存在しません: http://pastebin.com/b4iRGzjM
どうすれば修正できるか、または考えを共有する方法を教えてください。
私は試した：
しかし、次のエラーが発生しました: http://pastebin.com/qRazGjGY
angularjs - AngularJs/Bootstrap プロジェクトの IE9 および Safari で Webshim フォーム検証 (必須属性の使用) が失敗する
上記のように、Angular JS と Bootstrap を使用している私のサイトでは、Webshim を使用しているにもかかわらず、Safari または IE9 からアクセスするとフォーム検証エラーが発生します。ただし、プレースホルダー テキストなど、webshim のフォーム モジュールの他の属性は機能します。
すべての必須フィールドに入力せずにフォームを送信しようとすると、コンソールに次のエラーが返されます。
SCRIPT438: オブジェクトはプロパティまたはメソッド 'swap' をサポートしていません
IE9 および:
TypeError: undefined は関数ではありません (「$.swap」を評価しています)
サファリで。
以下は、私の index.html ファイルからの関連コードです。
そして、この問題が発生するフォームの 1 つ:
Angular v1.2.29、Bootstrap v3.1.1、Webshim v1.15.10、および JQuery v2.2.3 を使用しています。
編集: webshim のフォーム モジュールの他の側面 (プレースホルダー テキストなど) は動作し、webshim コードが削除されると動作を停止します。
EDIT2: いくつかの進歩: クラス 'ws-validate' をフォームに追加すると、検証が部分的に機能します。IE では、入力されていない最初のフィールドがフォーカスされ、テストされた他のすべてのブラウザー (検証が機能するブラウザーを含む) では、「このフィールドに入力してください」というテキストが表示されます。フォームの下に赤色で追加されます。私はこの道を追求しています。
angular - angular2 / webpackでes6ブラウザシムを適用します
クライアントがangular2でWebサイトにロードできるこの「ウィジェット」を作成しました。例えば
<some-name config="clientcode"></some-name>
いくつかの設定などがありますが、それは関係ありません。値はネイティブ要素から取得されます。古いブラウザーでもすべて正常に動作するようです。
ただし、あるクライアントは、これらの豪華なポリフィル/シムをすべて使用します (次のように存在するかどうかを確認せずに:
これらは私の angular2 ウィジェット、特にこのスニペットの最後の 4 行と競合します (実際には最後の 1 行ではありません)。
面白いのは、すべて RC5 で作業していたので、ロールバックする必要があったことです。angular2/webpackにこれらのシムを強制的に含めて、クライアントのシムをオーバーライドできるかどうかを知っている人はいますか? そして、それが常に既存の Web サイトに埋め込まれて機能することを確認しますか? 少し肥大化しますが、この場合、人々が月に1回または週に1回使用するWebサイト/サービスであるため、大したことではありません.