ساخت پنجره modal برای اضافه/ویرایش با php و ajax


در این آموزش قصد داریم به شما نحوه انجام عملیات اضافه/ویرایش را با استفاده از فرم مودال در jQuery نشان بدیم.

modal همان پنجره های پاپ آپ است که تفاوت آن به جای باز کردن یک صفحه و پنجره جدید از مروگر یک حالت پنجره مانند را در خود همان مرورگر نمایش می دهد.

در این مثال, ما فرم افزودن و ویرایش را در یک پنجره modal نمایش می دهیم. بعد از انجام عملیات, این فرم بصورت خودکار بسته می شود. همچنین این فرم دارای یک آیکون close(x) برای انصراف از اجرای عملیات است.

ساخت پنجره modal برای اضافه/ویرایش با php و ajax

کد HTML فرم Modal

کد زیر , CSS , javascript و کد HTML مورد نیاز برای نمایش فرم جی کوئری modal را نشان می دهد.

نمایش فرم modal جی کوئری

این اسکریپت ویژگی های پنجره مودال را مشخص می کند. با ارسال (submit) این فرم, کد AJAX برای ارسال درخواست به PHP اجرا می شود. در آموزش قبلی, ما ایجاد پاپ آپ با tickbox را دیدیم.

حتما بخوانید  افزودن گوگل مپ به سایت در 5دقیقه

امیدوارم از آموزش ساخت پنجره modal برای اضافه/ویرایش با php و ajax نهایت استفاده را برده باشید .

حتما بخوانید  کتاب آموزش jQuery به فارسی

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید.

دانلــود بـاکـــس

لینک های دانلود به ایمیل شما ارسال می شود
با عضویت در سایت می توانید تمامی فایل ها را به صورت مستقیم دانلود کنید
حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان php و امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

دیدگاه کاربران

دیدگاهتان را بنویسید

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

جدیدترین آموزش های آنلاین



دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

مجوزهای ما

logo-enamd
logo-samandehi

دانلود کتاب

عضویت در خبرنامه