クライアント用に構築している Web アプリケーションで多くの JQuery を使用しており、次のブラウザー セット全体でかなり安定しているモーダル ダイアログの JavaScript 実装を見つけたいと考えています。

IE 7+ FF 2+ Chrome および Safari

いくつかの jQuery プラグインを試しましたが、これらのブラウザーのいずれかに常にアーティファクトがあるようです。

- - 編集

jqModalより安定しているように見えますが、ポップアップ後にダイアログがすぐに消えるIE7の問題があります。私はjsイベントがキャンセルされていないか何かを疑っています。もう少し遊びます。

<input type="file" ...>HTML でファイル アップロードを実装するのはかなり簡単ですが、タグに追加できる「accept」属性があることに気付きました。

この属性は、ファイルのアップロードを画像などに制限する方法として役立ちますか? それを使用する最良の方法は何ですか？

または、できればファイルダイアログで、htmlファイル入力タグのファイルタイプを制限する方法はありますか?

JPEG、GIF、および PNG は img タグを使用して表示でき、すべてのブラウザーで機能します。object 要素は、MIME タイプを指定して画像を表示するために使用できますが、インストールせずにほとんどのブラウザーで img または object タグでサポートされているその他のグラフィック形式は何ですか?プラグイン？(TIF、SVG、PCX、PICTなど)

以下は Firefox では機能しますが、IE7 & 8 では機能しません。

だから私はこれをしなければなりません:

これは正常ですか？

編集:わかりました、私の実際の実際のコードはこれです:

私のエラーはこれです

システムのインタラクティブなシミュレーションを作成するdhtmlアプリケーションを作成しています。シミュレーションのデータは別のツールから生成されており、すでに非常に大量のレガシーデータがあります。

シミュレーションの一部の手順では、オーディオの「ナレーション」クリップを再生する必要があります。複数のブラウザでこれを実現する簡単な方法を見つけることができませんでした。

Soundmanager2は私が必要としているものにかなり近いですが、mp3ファイルしか再生せず、レガシーデータにはいくつかの.wavファイルも含まれている可能性があります。

誰かが役立つかもしれない他のライブラリを持っていますか？

ほとんどのブラウザ/OSの組み合わせを通じてCSSプロパティとそのサポートのチャートを提供するリソースはありますか？たとえば、これらのプロパティとその値の実装でどのブラウザがサポートしているのoverflowか、またはmin-height注意すべき癖を知りたい場合、これらすべてを取得するのに最適な場所はどこですか？

私はいくつかの場所を見つけましたが、私は感銘を受けていません。

助言がありますか？

マウスオーバーでテキストボックスを広げ、マウスオフで短くするためのこのスクリプトがあります。

私が抱えている問題は、InternetExplorerが選択ボックスのオプションにカーソルを合わせても拡張されていないように見えることです。

つまり、IEでは、選択をクリックしてオプションをドロップダウンできますが、オプションを選択しようとすると、選択ボックス自体から移動するとすぐに、選択ボックスが消えてサイズが変更されます。

サンプルコード：

と：

IEの選択ボックスの回避策はありますか？誰かが本当に信頼できるものを推薦できるなら、私はjqueryの置き換えを検討するでしょう。

ありがとう！

IE 6/7 のドロップダウン リストが次のように動作するという問題があります。

widthドロップ ダウン リスト全体を展開しないとテキスト全体を表示するには、ドロップ ダウンの幅が十分でないことがわかります。

ただし、Firefox ではその通りなので問題ありませんexpands the width。これは、IE 6/7 で必要な動作です。

問題を解決するために を利用するさまざまな方法を検討しましたonfocus, onblur, onchange, keyboard and mouse eventsが、まだいくつかの問題があります。

ツールキット/フレームワーク (YUI、Ext-JS、jQuery など) を使用せずに IE 6/7 でこの問題を解決した人がいるかどうか疑問に思っていました。

9 つの異なる状態を持つ 1 つの画像と、さまざまな状態を表示するクラスとして設定された適切な background-position ルールがあります。:hover 疑似セレクターは使用できません。変更される背景画像は、ホバーされている要素と同じではないためです。私はこのようにクラスを定義しました：

次に、jQuery を使用して、前のクリック イベントに基づく一連のホバー ルールを作成します (ここでは宣言されていない "cur" 変数は別の場所で適切に宣言されています)。

したがって、Moz および WebKit ブラウザーでは、これは正常に機能します。クラスが適用され、それに応じて背景画像が変更されます。IE7 でも動作します。ただし、IE6 では、背景画像は変更されません。クラスは適切に適用されます。MS の Web 開発ツールの DOM ビューアーでこれを確認しました。したがって、jQueryは機能しています。クラスは適用されていますが、目に見える変化はありません。

私はここでちょっと困惑しています...助けてください、クラックオーバーフロー...あなたは私の唯一の希望です...

編集: className と setAttribute に関する限り... クラスが変更されています。attr("class", cur) は機能しています。ただし、クラスが変更されると、結果のルールは視覚的に適用されません...しかし、クラスの変更が発生しています。

編集 2: jQuery のクラス固有のメソッドについて: 私は元々コードにそれらを持っていましたが、結果は同じでした。繰り返しますが、問題はクラスが要素に適用されないことではありません...これは発生していることが確認されています。クラスが要素上にあると、何らかの理由で、要素がそのクラスに設定された CSS ルールに従っていないということです...

更新- 2015 年 2 月の時点で更新された包括的な比較は、次の場所にあります。

Ext JS の代替案

2008年質問：

Javascript GUI フレームワークには、素晴らしいものもそうでないものもたくさんあります。私はいくつかを見てきました（表面的にのみ）。そして、私はそれらのどれについても私の心を作ることができません

この質問の最後までスクロールして、他の人の意見を確認してください

• Ext.jsは、最もよく知られているフレームワークの 1 つであるため、当然の選択です。
  利点:見栄えがよく、コミュニティが大きく、多くの拡張機能/プラグインがあり、GPL が適用されている
  

• バックベースあまり知られていません。XUL を彷彿とさせる XML と Javascript の奇妙な組み合わせ。しかし、それはすでにクロスブラウザーです
  利点:見栄えが良く、非常に拡張可能で、本当に素晴らしいものを簡単に組み込むことができます
  欠点:価格が高く、CPU バウンド (最大 2 つの CPU で無料で使用できます)、フォーラムの応答が遅い (商用サポートはおそらく速いですが）

• qooxdooも大人気。
  長所: 記入してください
  短所:コードが少し面倒です (伝聞に基づく)

• YUI 説明を入力して
  ください 利点:よく整理されたコード 欠点: 多くのウィジェットがまだベータ版です

• Dojo 説明を入力する
  利点:クラスの増分ロード
  欠点:肥大化する可能性がある

• jQuery UI
  利点:ウィジェットが相互に依存していない
  欠点:開発の初期段階では、ウィジェットがほとんどない
  広く受け入れられる可能性がある: jQuery は ASP.NET MVC に同梱される

何て言う？何を、なぜ使うのですか？何を使用したいですか、またその理由は何ですか? どんな種類のプロジェクトでも

あなたの入力で更新するには...

Sergey Ilinsky からのこの優れたコメントを参照してください。これは、ページを単に改善し、豊富なフロントエンドを備えたアプリケーションを構築する場合にどのフレームワークを選択する必要があるかを非常にうまく説明しています (いくつかの選択肢があります)。

jQuery、Dojo、Prototype、Mootools、 Sproutcore、Cappuccino を比較する別のスレッドの興味深いコメント(質問は削除されました)。