JSにおけるartdialogポップアップコントロールの提出フォームの考え方の詳細

artDialogはjavascriptに基づいて作成されたダイアログボックスコンポーネントで、洗練されたインタフェースと友好的なインタフェースを持っています.
前言:
アダプティブコンテンツ
artDialogの特殊なUIフレームワークは、コンテンツの変化に適応し、外部プログラムで動的に挿入されたコンテンツにも適応できるので、メッセージのコンテンツサイズを考慮して使用する必要はありません.そのメッセージコンテナは、幅に応じてテキストを中央または左に位置合わせすることもできます.これはすべてXHTML+CSSのオリジナルです.
完全なインタフェース
インタフェースが完備しており、外部プログラムと簡単に連携できます.非同期書き込みメッセージ、制御位置、寸法、表示と非表示、閉じるなど.
細かい体験
入力状態でない場合は、Escショートカットキーのオフをサポートします.要素の近くでポップアップすることを指定することができて、操作をもっと便利にします;スマートにボタンにフォーカスを追加します.金の割合は垂直に中央にある.超大応答領域は特にipadなどのタッチスクリーン装置に最適化されている.あらかじめ皮膚画像をキャッシュしておくと、より迅速に応答できます.
プラットフォーム間での互換性
互換性:IE 6+、Firefox、Chrome、Safari、Opera、iPadなどのモバイルデバイス.また、IE 6では、現代ブラウザの静止位置決め(fixed)、ドロップダウンコントロールの上書き、alphaチャネルpngバックグラウンドもサポートされている.
本題に入る:
artdialogいいポップアップコントロール
artdialogに触れてからもうしばらく経ちましたが、使い心地は悪くないと思います.軽量級です.javascriptのプラグインは軽量級が好きです.ロード速度が速いです.
その機能もとても良くて、機能はとてもそろっていて、他のポップアッププラグインに比べて、このプラグインはまだメンテナンスしているだけではなくて、その上bugも少なくて、使うのもとても便利で、国内の比較的に抜群のプラグインの1つです.
呼び出し方法は次のとおりです.

//         artdialog  form  ，   ajaxform    js（      jquery validate         ）
$(document).ready(function() {
var options = {
target: '#output2',
success: showResponse // post-submit callback
};
$('#myForm').ajaxForm(options);
var alt =null;
$("#addHname").click(function(){
alt=art.dialog({
title:'    ',
content: document.getElementById('g_cn'),
width:750,
button: [
{
name: '  ',
focus: true,
callback: function () {
$('#myForm').submit();
return false;
}
},
{
name: '  ',
callback: function () {
}
}
]
});
});
function showResponse(data){
if(alt !=null){
alt.close();
}
if(data=='success'){
artDialog.alert('    ');
}else{
art.dialog.close();
artDialog.alert('    ');
}
}
});

以上、編集者が紹介したJSのartdialogポップアップボックスコントロールの提出フォームの考え方を詳しく説明しました.