چگونه در جی کوئری Modal های تودرتو ایجاد کنیم

هدف از ارائه این مقاله ، آموزش چگونگی استفاده از modal های تودرتو با سایز متغیر است . هر modal توسط یک صفحه با استفاده از iFrame ایجاد میگردد . این مقاله به شما آموزش میدهد که به هر تعدادی که نیاز دارید modal تودرتو ایجاد کنید .

کد های این برنامه در انتهای مقاله در اختیار شما قرار داده شده است . خروجی نهایی که ما در انتهای این مقاله آن را خواهیم دید همانند تصویر زیر است :

کد ما شامل فایل BsModal.js خواهد بود .

 

این فایل این امکان را برای شما فراهم می آورد که :

۱٫ با استفاده از iFrame یک URL را در یک Modal باز کنید .
۲٫ یک dialog تو در تو ایجاد کنید .
۳٫ زمانی که صفحه در حال بارگذاری است یک spinner نمایش داده شود .
۴٫ یک صفحه جدید را در یک dialog تمام صفحه باز کند .
۵٫ توانایی جابجایی modal در تمام نقاط صفحه .
۶٫ توانایی ویرایش ساز و اندازه modal

کتابخانه های خارجی ای که در این برنامه استفاده شده است بصورت زیر است :

۱٫ jQuery
۲٫ jQuery UI
۳٫ Bootstrap
۴٫ Font-awesome

استفاده از کد :

برای استفاده از این کد ، فایل BsModal.js را به صفحه اضافه کنید که modal اول را باز کند. کلید تابع ()ShowModalمیباشد . این پارامتر های زیر را می پذیرد .

sUrl – آدرس صفحه ای باید بارگذاری شود .
iWidth – عرض modal میباشد . اختیاری میباشد .
iHeight – ارتفاع modal میباشد . این نیز اختیاری میباشد .
oWin – اشیاء Windows از فراخوانی صفحه modal . اختیاری است .

از صفحه اصلی (Default.htm) تابع ()ShowModal می تواند همانند زیر مورد استفاده قرار بگیرد :

 

از صفحه dialog ، تابع ()ShowModal همانند زیر مورد استفاده قرار میگیرد .

 

یک Modal Dialog میتواند با فراخوانی تابع HideModal() خارج شود :

 

 

دانلود سورس کد
پسورد : csharpoop.com
پیش نمایش آنلاین

 

چگونه در جی کوئری Modal های تودرتو ایجاد کنیم
امتیاز دهید

(434 نوشته)

C# Programmer , Web Design And Developer , MVC , ASP.NET

فکر شما چیست؟

آدرس ایمیل شما منتشر نخواهد شد. بخشهای موردنیاز علامتگذاری شدهاند *

حاصل جمع اعداد را وارد کنید : *