illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید تا کنون 6336 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !
10 3652 ۴ دی ۹۳ s.alifarrokh

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

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

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

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

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

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

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

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

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

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

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

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

اهداف و مزایای استفاده از این ابزار :

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

دیدگاه ها 10 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    پوربا زارعی(۴ دی ۱۳۹۳)

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

  • ‏‏
    محمد اسفندیاری(۴ دی ۱۳۹۳)

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

  • ‏‏
    poOrya(۴ دی ۱۳۹۳)

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

  • ‏‏

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

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

  • ‏‏

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

  • ‏‏

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

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram