ホームページ > 記事 > ウェブフロントエンド > 070823 ie7_javascript スキルと互換性のある [メッセージ プロンプト ボックス] コンポーネントを更新しました
ヒント: 8.23 は IE 7 での表示エラーのバグを修正しました。ダウンロードしたお友達は再度ダウンロードしてください。ごめんなさい!
アップデート手順:
2007-08-23 11:50
1. IE7.0 でのボタンのテキストの位置がずれていたバグを修正しました (ダウンロード ソース コードが更新されました。ダウンロードした友人は、再度ダウンロードしてください)。
2. jsプログラムコードを一部修正しました。 (ポップアップボックスの高さは初期化時にのみ計算されます)
2007-08-23 21:30
1. コンポーネントの紹介を改善しました 5- 7. 友人の中には気づかなかった人もいるかもしれません。ここに追加してください!
=========================================== == ==========
しばらく前、同社は Windows 2000 のデフォルトの灰色のメッセージ コンポーネント (警告/確認) を置き換える小さなコンポーネントを作成する必要がありました。これは主に IE ブラウザ用なので、冒頭のコードは FF では動作しません。ブリックを避けるために、互換性を保つために 1 時間近くかけてコードを修正しました。現在は ie6.0 で正常に動作します。および FF2.0 他のブラウザ このデバイスはテストされておらず、私はこれに多くの時間を費やすことができません。
コンポーネントの紹介:
1. 呼び出しメソッドは 2 つの部分に分割され、その後、呼び出しメソッドはいくつかの単純なメソッド呼び出しに変換されます。電話をかけるときに 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
注: ネットワーク スペースの速度により、デモを開くときに画像の読み込みが遅くなる場合があります。初めて行う場合は、イメージをダウンロードするか、ソース コードをローカルにダウンロードして後で開いて、デモを表示してください。
ソースコードのダウンロード:
ローカルダウンロード