sweetAlert : جایگزینی مدرن و زیبا برای alert ها در جاوااسکریپت

- visibility ١٠ mode_comment

هشدار ها و یا همان alert ها در جاوااسکریپت یکی از مهم ترین عناصر ارتباط با کاربر و دریافت دستور میباشد.در این مطلب قصد دارم کتابخانه ای رو معرفی کنم که ما رو از اون حالت قدیمی و نسبتا زشت هشدار های جاوااسکریپت خارج میکنه و ظاهری مدرن رو به هشدار ها اعمال میکنه.

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

1- نمایش متن تنها در هشدار

2- نمایش متن و توضیح در زیر

3- نمایش متن و توضیح به علاوه تصویر یک "تیک" (علامت check)

4- نمایش متن و توضیح به علاوه زمان خروج خودکار از هشدار

5- نمایش سوال ، علامت تعجب ، توضیح و دکمه ی های yes و no

6- همانند مدل ششم با این تفاوت که اگر no رو بزنید پیغامی مبتنی بر خطا در انجام عملیات ظاهر میشه

7- متن و توضیح به علاوه تصویر دلخواه

البته این هفت مدل به صورت پیشفرض و از پیش ساخته شده وجود دارن ولی میشه با ایجاد تغییراتی مدل های جدید هم به وجود اورد.

برای دانلود و استفاده از این کتابخانه نیز میتونید به صفحه اصلی کتابخانه (پیشنهاد میکنم،چون مثال برای تمام هفت هشدا وجود داره) و پروژه ی کتابخانه در GitHub مراجعه کنید.

ایمذوارم این مطلب بدردتون خورده باشه.موفق باشید یا علی

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

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

محمد اسفندیاری

http://www.7learn.com/tutorials/beautiful-replacement-for-javascript-alert
این لینک میتونه کمکتون کنه

محمد اسفندیاری

سلام داداش
قبلا در مورد sweetalert مطلب در سایت قرار گرفته بود ، همراه با آموزش
http://www.7learn.com/tutorials/beautiful-replacement-for-javascript-alert
موفق باشی

poOrya

البته من با راه اندازیش مشکلی نداشتم
برای بقیه گفتم
به هر حال ممنون

محمد اسفندیاری

به هر حال موفق باشید

mahgole

سلام ممنون از سایت تون اگه میشه به در ساختن سایت پویا کمک کنید ❓

اگه برام ایمیل کنید ممنون میشه من با نرم افزار dreamweaver کار می کنم و با پایگاه داده wamp می کنم

محمد اسفندیاری

منظورتونو متوجه نشدم دوست عزیز!

mahgole

من یک سایت پویا (یعنی متصل بشه به یک پایگاه داده )باید بسازم با زبان php شما اگه می توانید به من کمک کنید

mahgole

سلام
قرار یک سایت با پایگاه داده بنویسم اگه می توانید به من کمک کنید؟

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.