طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

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


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

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

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

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

کد HTML فرم Modal

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

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

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

حتما بخوانید  ساخت سبد خرید با php و جی کوئری به صورت drag & drop

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

حتما بخوانید  ساخت اسلایدر Parallax در جی کوئری

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

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

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

اگر مفید بود, لطفا به اشترک بگذارید تا دوستان دیگر نیز بهره ببرند

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

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

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

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

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

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

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

آموزش طراحی وب سایت

نظر کاربران عزیز

آموزش های آنلاین در چه زمینه ای تهیه کنیم ؟

  • آموزش جاوااسکریپت و جی کوئری (45%, 10)
  • آموزش ساخت ربات تلگرام (45%, 10)
  • آموزش بوت استرپ 4 (9%, 2)

تعداد رای ها : 22

Loading ... Loading ...

بخش کاربران

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

مجوزهای ما


logo-samandehi نماد اعتماد الکترونیک

دانلود کتاب

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