نمونه کار ساده از Modal jQuery

[forodo]

سلام
2روزه دنبال اینم که بتونم یه Modal jQuery درست کنم. ولی نمیشه.
سایتهارو زیر و رو کردم ولی همشون خیلی پیچیده کار کردند.
الان من خیلی ساده یه دکمه گذاشتم و یه تگ div برای تمرین که این div در ابتدا display:none داره و به شکل زیر بازش می کنم:
<script>
$(document).ready(function(e) {
$('#btnShowPop').click(function(){
$('#PopUp').show();
});
});
</script>
1- چه جوری یه کاری می کنن صفحه پشت این modal کمی تاریک میشه؟ حتی این تاریکی روی کنترلها هم تأثیر می ذاره. من می گم رنگ پس زمینه تگ body رو تغییر بده ولی روی کنترلها تأثیر نداره.
2- چه جوری کاری می کنن که دیگه نمی شه دکمه های پشت modal رو کلیک کرد تا وقتی که modal بسته بشه؟
3- چه جوری کاری می کنن که هرجای صفحه به جز خود modal کلیک می کنن از بین بره؟ اگر دکمه بذاریم خوب می تونیم بگیم اگه روی دکمه کلیک شد دوباره display:none بشه.
اصلاً روشش به چه شکل است؟
یعنی همین کاری که من دارم انجام می دم که یه div طراحی کنیم و display:none کنیم و در موقع نیاز Show کنیم یا روش دیگه ای داره؟
لطفاً اگه کسی نمونه کار ساده داره قرار بده.
خود کار مهمه نه قیافه.
زیاد داخلش از css استفاده نشده باشه.
در حد 2 یا 3 تا کنترل اگر کسی داره بذاره.
با تشکر

[ravand]

صفحه ی 65 این کتاب:
http://barnamenevisi.blogsky.com/1392/09/21/post-119/%DA%A9%D8%AA%D8%A7%D8%A8-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B3%D8%B1%DB%8C%D8%B9-%D9%88-%D8%A2%D8%B3%D8%A7%D9%86-jquery

[sinoser]

1 - لایه زیری یک تک div مشخصات زیر هست

div#layer{
background-color: rgba(0,0,0,0.5);
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1000;
}


2- چون این لایه فکیس شده و روی عناصر صفحه که position شون static یا relative قرار می گیره البته اگه عنصر فیکس یا ابسلوت داشته باشی باید z-index اینو بالاتر از اونا بزاری
3-بستنشم که یک کد jQuery هست که می گه اگر روی این لایه کلیک شد (البته باید عملیات بازگشت حبابی باید غیر فعال بشه ) این باکس و باکس داخلیش که همون باکس مودالته رو ببن

[plague]

fancybox استفاده کن

[forodo]

مثل اینکه باید از BootStrape استفاده کنم.
ASP کارها هم می تونند از کنترل Modal داخل AjaxControlToolkit استفاده کنند.
من که با کد اصلاً نتونستم کاری کنم و باید از همون AjaxControlToolkit استفاده کنم.
هیچ کس نگفت که همچین چیزی هم داریم.
باز اگه دوستان نمونه ساده دارن قرار بدن تا با کدهاش کار کنیم ببینیم به چه شکل هستش.