جهت ورود به تالار گفتمان سایت کلیک کنید


تغییر دیزاین پیغام های جاوا اسکریپت با Sweet Alert

یکی از مشکلات اساسی که طراحان و توسعه دهنگان وب دارند , دیزاین قدیمی و نه چندان زیبای توابع alert , confirm , prompt و .. هست .

در این پست به شما آموزش خواهم داد که به راحتی این پیغام ها را کنار گذاشته و از توابع جدیدی استفاده نمایید که علاوه بر زیبایی دو چندانی که به سایت شما میدهد , در عین حال ساده و کم حجم می باشند .

تمامی این توابع دارای افکت های css3 و Jquery میباشند که زیبایی دو چندانی به آن بخشیده .

با ما در ادامه مطلب همراه باشید .

تغییر دیزاین پیغام های جاوا اسکریپت با Sweet Alert

در ابتدا باید فایل های این پلاگین را از اینجا دانلود نمایید .

در فایل دانلودی , یک فایل css و یک فایل js می باشد که باید با دو تگ link و script آنها را به وب سایت خود ضمیمه نمایید .

حال میتوانید از توابع زیر برای نمایش استفاده نمایید :

توجه : توابع بالا به محض باز شدن سایت باز میشوند . طبیعتا باید آنها را در رویدادهای جی کوئری قرار دهید . مثلا اگر میخواهید بعد از کلیک نمایش داده شود :

نکته : در تمام کد های بالا , نوشته های فارسی را میتوانید با توجه دلخواه خود تغییر نمایید .

برای مشاهده بقیه پارامتر ها به این لینک مراجعه فرمایید .

پخش اختصاصی

گرداوری و آموزش : وحید مجیدی

  • امتیاز شما به این مقاله ؟
    خیلی بدبدمعمولیخوبخیلی خوب (1 رای: 5٫00 از 5)
  • جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

    3 پاسخ به “تغییر دیزاین پیغام های جاوا اسکریپت با Sweet Alert”

    1. amir گفت:

      سلام
      عزیز من اینارو چ جوری استفاده کنم الان فایل های سی اس اس و جاواشو تو سایتم زدم اما ازینا چ جوری استفاده بکنم؟

      میخوام مثلا وقتی ک کاربر وارد سایت شدش خودکار این نشون داده بشه یا اینکه مثلا وقتی روی دکمه ای کلیک میکنم نمایش داده بشه پیغام

      باتشگر

    2. سید گفت:

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

      • وحید مجیدی صدر گفت:

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

    پاسخی بگذارید

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