lhgdialog

33596 ワード

あなたのプロジェクトに適用
ページheadにlhgdialogを導入します(プロジェクトがjQueryをフレームワークとして使用する場合、jQueryのライブラリを参照します).

<script type="text/javascript" src="lhgdialog.min.js"></script>

グローバル・デフォルト・パラメータの構成(オプション):

(function(config){ 
    config['extendDrag'] = true; //   ，                ，              
    config['lock'] = true; 
    config['fixed'] = true; 
    config['okVal'] = 'Ok'; 
    config['cancelVal'] = 'Cancel'; 
    // [more..] 
})($.dialog.setting); 
 
//                   ： 
$.dialog.setting.extendDrag = true;

クイックスタート
一、従来のパラメータ$.dialog(content,ok,cancel)を使用する

$.dialog('       ，      ，       ', function(){alert('yes');});

二、字面量を用いて$.dialog(options)を伝達する

var dialog = $.dialog({title: '  ',content: '    lhgdialog     ！',icon: 'succeed',ok: function(){ 
        this.title('  ').content('   lhgdialog      ！').lock().time(2); 
        return false; 
    } 
});

ウィンドウlhgdialog.min.jsファイルのurlパラメータ
パラメータ形式:

self:ポップアップウィンドウを指定するページ

  ：String 
  ：'false' 
  ：           ，          false                 ，    true     ，        。

skin:多皮膚共有CSSファイル名

  ：String 
  ：'default' 
  ：        default。                  ，            CSS

urlパラメータは設定する必要がなく書くことができ、書かない場合はデフォルト値を使用します.
初期化パラメータリスト
コンテンツ関連

title:ウィンドウのタイトルテキスト

  ：String|Boolean 
  ：'  ' 
  ：         ，    false

content:ウィンドウにロードされたコンテンツ

  ：String 
  ：'loading...' 
  ：1.          ，       'url:'    ， ：content:'url:content.html' 
     2.      content     loading

ボタン関連

ok:決定ボタンコールバック関数

  ：Function|Boolean 
  ：null 
  ：      false        ；  this      api；    true

cancel:キャンセルボタンコールバック関数

  ：Function|Boolean 
  ：null 
  ：1.      false        ；  this      api； 
     2.    true             ，                ，      cancel   
     3.    false

okVal:確定ボタン文字

  ：String 
  ：

cancelVal:キャンセルボタン文字

  ：String 
  ：

min:最小化ボタン

  ：Boolean 
  ：true

を表示するかどうか

max:最大化ボタン

  ：Boolean 
  ：true

を表示するかどうか

button:カスタムボタン

  ：Array 
  ：null 
  ： 
      ： 
name ——      
callback ——          
focus ——       
disabled ——             （                 ） 
  ： 
   ：[{name: '  ', callback: function () {}}, {name: '  '}] 。                 ，                false

寸法関連

width:指定ウィンドウの幅

  ：Number|String 
  ：'auto' 
  ：1.        ，     。        ，             
     2.          ，                ，

height:指定ウィンドウの高さ

  ：Number|String 
  ：'auto' 
  ：1.       ，     。 
     2.          ，                ，

minWidth:最小幅制限

  ：Number 
  ：96 
  ：

minHeight:最小高さ制限

  ：Number 
  ：32 
  ：

位置関連

fixed:静止位置決め

  ：Boolean 
  ：false 
  ：     css2.1     ，             ，

を開く

left:可視領域のX軸に対する座標

  ：Number|String 
  ：'50%' 
  ：    '0%' ~ '100%'      ，

top:可視領域のY軸に対する座標

  ：Number|String 
  ：'50%' 
  ：    '0%' ~ '100%'      ，

ビジュアル関連

lock:ロックスクリーン

  ：Boolean 
  ：false 
  ：            ，           /  ，          ，

を開く

background:ロックスクリーンマスク色

  ：String 
  ：'#FFF' 
  ：                ，                    ，

opacity:ロックマスク透明度

  ：Number 
  ：.5 
  ：                ，                     ，

icon:定義メッセージアイコン

  ：String 
  ：null 
  ：   “skins/icons/”            （        ）

titleIcon:タイトルバーの左側の小さなアイコン

  ：String 
  ：null 
  ：   “skins/icons/”            （        ）

padding:コンテンツと境界充填マージン(すなわちcss padding)

  ：String 
  ：'15px 10px' 
  ：      iframe       css      0，   IE6

skin:マルチスキン共存時に指定するスキンスタイル

  ：String 
  ：'' 
  ：

相互関係

time:設定ダイアログ表示時間

  ：Number 
  ：null 
  ：

resize:

  ：Boolean 
  ：true

サイズの調整をユーザーに許可するかどうか

drag:ユーザーが位置

  ：Boolean 
  ：true

をドラッグできるかどうか

esc:Escキーを押してダイアログ

  ：Boolean 
  ：true 
  ：

を閉じることができるかどうか

cache:iframe方式でロードされたウィンドウコンテンツページ

  ：Boolean 
  ：true 
  ：    iframe

をキャッシュするかどうか

extendDrag:拡張ドラッグ体験

  ：Boolean 
  ：true 
  ：1.         ，             ，    lhgdialog.setting.extendDrag    
     2.      iframe     ，

を開くかどうか
高度な関連

id:設定ダイアログ一意識別子

  ：String|Number 
  ：null 
  ：1.       
     2.  id     this.get(youID) lhgdialog.list[youID]

zIndex:グローバルzIndex初期値

  ：Number 
  ：1976 
  ：           ，                ，                   。

をリセット

init:ダイアログボックスのポップアップ後に実行される関数

  ：Function 
  ：null 
  ：    iframe

close:ダイアログが閉じる前に実行する関数

  ：Function 
  ：null 
  ：      false        。               ，           ，close    。

parent:サブウィンドウを開く親ウィンドウオブジェクト

  ：Object 
  ：null 
  ：                          ，

拡張メソッド
ウィンドウインスタンスオブジェクトの内部メソッド

close():ダイアログ

  ：  
  ：

を閉じます.

reload(win,url):指定されたページ

  1：             window   
  2：

をリフレッシュまたはジャンプします.

show():ダイアログ

：

が表示されます.

hide():非表示ダイアログ

：

title(value):タイトル

  1：      
  ：

に書き込む

content(value):ウィンドウにコンテンツ

  1：       
  ：      3    'url:'   iframe          ，

を書き込む

button(arguments):カスタムボタン

  1：name --      
  2：callback --          
  3：focus --       
  4：disabled --             （                 ） 
  ：         
  ： 
button({ 
    name: '  ', 
    focus: true, 
    callback: function(){} 
},{ 
    name: '  ' 
});

を挿入

position(left,top):ダイアログ

  1：X     
  2：Y     
  ：               ：'200px'   '0%' ~ '100%'

を再配置

size(width,height):ダイアログボックスのサイズを再設定

  1：      
  2：      
  ：               ：'200px'   '0%' ~ '100%'

max():最大化ウィンドウ

：

min():最小化ウィンドウ

：

lock():ロックスクリーン

：

unlock():ロック解除

：

time(val,callback):タイミングオフ(単位秒)

  1：  ，      
  2：     
  ：  2

focus():自動設定ウィンドウのフォーカス要素

：

zindex():トップウィンドウ

：

get(id,object):指定idに基づいて対応するオブジェクト

  1：   id 
  2：             
  ：  2       1      id

を取得する.

api:コンテンツページでウィンドウインスタンスオブジェクトインタフェース

  ：         iframe       ， iframe                          ，  ：var api = frameElement.api;  ：       iframe          ，

を呼び出す.

opener:ウィンドウコンポーネントページをロードするwindowオブジェクト

  ：       iframe         ，  ：var api = frameElement.api, W = api.opener;    W           window

iframe:iframe方式でコンテンツをロードするiframeオブジェクト

  ：                      iframe

iwin:iframe方式コンテンツページをロードするwindowオブジェクト

  ：                      window  ，  ：var dg = $.dialog({'url:content.html',init:function(){ if( this.iwin.document.body ) alert('         '); });

ウィンドウの外部メソッド

$.dialog.focus:フォーカスを取得するウィンドウインスタンスオブジェクト

  ：                   ，  ：var dg = $.dialog.focus;    dg

$.dialog.list:すべてのウィンドウオブジェクトインスタンスのセット

  ：                 ，  ：          
var list = $.dialog.list; 
for( var i in list ){ 
    list[i].close(); 
}

$.dialog.top:lhgdialogを取得するには、最上位レベルのwindowオブジェクト

  ：      window.top  ，    url  self true

を使用できます.

$.dialog.data(name,value):フレームワークデータ共有書き込みインタフェース

  1：       
  2：         (            ，     false          ) 
  ：                             ，                       ，                    。 
 data            ，            ，            ，             。

拡張されたヒントウィンドウ

$.dialog.alert(content,callback):警告メッセージ

  1：   
  2：

$.dialog.confirm(content,yes,no):確認

  1：   
  2：         
  3：

$.dialog.prompt(content,yes,value):質問

  1：   
  2：         
  3：

$.dialog.tips(content,time,icon,callback):短いヒント

$.dialog.load(url,options,cache):Ajaxパディング

  1：   
  2：     
  3：      .   false

IOS委託とプロトコルの区別と連絡(－)

JAvaバックグラウンドはユーザのQRコードを生成し、フロントエンドにバイナリ形式で戻る