別の ASP.NET ページの ASP.NET でモーダル ポップアップを実装する最良の方法を探しています。私は Firefox 2.x+ 用にコーディングしており、JQuery を使用できますが、あまり詳しくありません。
「AJAX」を使用するソリューションはたくさんありますが、どのようなコンテキストで使用されているかがわからないため、そのルートをたどっていません。
別の ASP.NET ページの ASP.NET でモーダル ポップアップを実装する最良の方法を探しています。私は Firefox 2.x+ 用にコーディングしており、JQuery を使用できますが、あまり詳しくありません。
「AJAX」を使用するソリューションはたくさんありますが、どのようなコンテキストで使用されているかがわからないため、そのルートをたどっていません。
jQuery UI Dialog プラグインを使用しています。非常にうまく機能します。プラグインのドキュメントはhttp://docs.jquery.com/UIにあります。
私はAjaxControlToolkitを使用しましたが、@tvanfosson によって提案された jQuery オプションの方がはるかに優れているようです
Telerik の radWindow、tvanfosson が推奨する jQuery UI ダイアログ プラグインなどを使用するか、
http://vision-media.ca/resources/jquery/jquery-popup-plugin-reviewポップアップ用のいくつかの jQuery プラグインを確認します。
radWindow の経験しかないので、radWindow を適切に機能させるにはいくつかのハックや癖を使用する必要があるかもしれませんが、十分な時間を費やせば良い結果が得られると言えます。
DOM メソッドを使用して、自分で作成します。これらのプラグインを CSS に適応させるよりもはるかに簡単であることがわかりました。
モーダルは、背景を持つ絶対位置のウィンドウです。中身を浮かせた大きめの透明容器を使って作っています。
フローティングコンテンツを含むhtmlを返す関数を使用しています。モーダル ボックスに使用されるクラスは、高 z レイヤーに絶対配置する必要があります。
function create_modal(doc_id,css_class,append_to)
{
if(typeof append_to==='undefined'){append_to='content';}
var container=document.getElementById(append_to);
if(!container){return false;}
var modal_box=document.createElement('div');
container.appendChild(modal_box);
modal_box.id=doc_id;
modal_box.className=css_class;
return modal_box;
}
var modal_window=create_modal('modal_id','a_css_class');
if(!modal_window){return false;}
modal_window.innerHTML=function_or_var_providing_html();
つまり、10 または 15 k のプラグインがなくても、すべてが素晴らしくシンプルです。