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

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

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

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

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

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

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

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

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

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

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

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

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

پخش اختصاصی

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

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

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

  1. amir گفت:

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

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

    باتشگر

  2. سید گفت:

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

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

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

پاسخ دهید

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