[メッセージプロンプトコンポーネント]、IE6/7&&FF2_javascriptスキルと互換性あり

著者: yemoo
出典: WWW.AJAXBBS.NET
リリース日: 2007-09-03

元のアドレス: http://www.ajaxbbs.net/blog/post/100/

特記事項: これは純粋にクライアント側、非サーバー側コントロール (asp.net コントロールなど) で使用される単なる js コンポーネントであり、コンポーネントはメッセージ プロンプトを美しくするためにのみ変更されます。

追伸: 皆さんが実用的な価値のある提案や意見を提供してくれることを願っています。必要に応じて、私は改善と修正を続けます。
=========================================== === ====================
少し前、会社はデフォルトの灰色のメッセージ コンポーネント (アラート/確認) を置き換える小さなコンポーネントを作成する必要がありました。会社の都合上、主に IE ブラウザ向けに開発したものなので、冒頭のコードは ff では動作しません。できるだけブリックを避けるために、今日は共有する予定です。コードの互換性を変更するのに 1 時間かかりました。現在、IE6.0 で実行されています。FF2.0 および FF2.0 では正常に実行されます。会社の仕事で忙しく、時間を費やすのが面倒です。ほとんどのニーズを満たします。

コンポーネントの紹介:

1. まず、呼び出しメソッドがクラスにカプセル化され、次に、呼び出しメソッドがいくつかの単純なメソッド呼び出しに変換されます。電話をかけるときは new を使用します。呼び出し方法は明確かつシンプルです。
2. IE6.0&&FF2.0と互換性があります。
3. 現在、Vista、QQ、ExtBlue、BlackColl の 3 つと 4 つのスキンが提供されています。興味があれば、スタイル シート ファイルを変更して新しいスキンを定義できます。
4. 4 つのメッセージ タイプを提供します。それらは、メッセージ プロンプト、成功情報、エラー情報、およびクエリ情報です。
5. メッセージ ボックスが表示されたら、ページの他の要素の操作をブロックし、ページの選択と iframe 下の選択を自動的に非表示にし (無制限の選択の非表示)、iframe とその他の要素をマスクします。
6. ページ選択コントロールの状態が復元されると、元の状態が維持されます。つまり、元の選択が非表示だった場合、メッセージ ボックスがポップアップして閉じられた後も選択は非表示のままになります。表示されている選択が表示されます。
7. メッセージ コンポーネントが表示されると、キーボードの Tab キーとスペース バーの操作がブロックされます (Enter キーを押すと、メッセージの [OK] ボタンをクリックしたものとして扱われます)。成分。


使い方の紹介:
1. まず、ymPrompt.js をページに導入します。
2. 次に、必要なメッセージ関数を呼び出します。
(1)Alert(content,width,height,title,okFunc,cancelFunc) //メッセージ プロンプト タイプ
(2)SucceedInfo(....) //成功メッセージタイプ
(3)ErrorInfo(...) //エラーメッセージタイプ
(4)confirmInfo(....) //クエリメッセージタイプ

4つのメソッド パラメータ

content: メッセージコンポーネントによって表示されるコンテンツ。
width: メッセージボックスの幅が設定されていない場合は、null に設定してください。
高さ: メッセージ ボックスの高さが設定されていない場合は、null に設定してください。
title: メッセージコンポーネントのタイトル
okFunc: OK ボタンをクリックしたときに実行される関数の名前。
CancelFunc: キャンセルまたは閉じるボタンがクリックされたときに実行される関数の名前。

デモを見る: http://www.ajaxbbs.net/test/ymPrompt/demo.htm
注: ネットワーク スペースの速度により、デモを開くときに画像の読み込みが遅くなる場合があります。初めて行う場合は、イメージをダウンロードするか、ソース コードをローカルにダウンロードして後で開いて、デモを表示してください。
ここにアクセスしてソース コードをダウンロードしてください: http://www.ajaxbbs.net/blog/post/100/