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

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

ترفندهای پیشرفته jQuery (قسمت 43)

0 233 ۲۹ آبان ۹۴

در این قسمت با ادامه ترفندهای پیشرفته jQuery در خدمت شما هستیم.
jquery trickshot

موضوع پنجم : استفاده از پلاگینها

ترفند 77 : قرار دادن notification ها در favicon

یکی دیگر از پلاگین های jQuery شسته و رفته Tinycon.js نام داره. با استفاده از این ابزار میتونین عددهایی رو بر روی favicon سایت خودتون قرار بدین و به کاربر بفهمونید که یک اتفاق جدید در سایتتون افتاده و اونو مطلع کنید.

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

میبینید که همچنین favicon رو هم در خط اول قرار دادیم.

حالا به سادگی میتونین بر روی Favicon عدد مورد نظرتونو نمایش بدین:

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

میبینید که میتونین ویژگی های مختلف اونو تغییر بدین.

ترفند 78 : مدیریت قوی بر روی Dropdown

با استفاده از پلاگین قدرمتند Chosen میتونین امکانات بسیار زیادی رو به Dropdown ها اضافه کنید.

در ابتدا باید این ابزار رو include کنید:

کدهای HTML:

حالا یک Select با Option هاشو قرار میدیم:

همونطور که میبینید یک دکمه هم قرار داده شده که قصدمون اینه که با کلیک بر روی اون این پلاگین بر روی Select اعمال بشه.

کدهای JS:

میبینید که یک رویداد کلیک تعریف کردیم و مشخص کردیم که زمانی که بر روی دکمه مورد نظر کلیک شد ، ابزار Chosen بر روی Select اعمال بشه.

با این ابزار Dropdown بسیار زیباتر و حرفه ای تر میشه و همچنین میشه در option های اون جستجو کرد. کدهای اصلی سرجاشون باقی خواهند موند و با تغییر این ابزار اون هم تغییر میکنه و به سرور فرستاده میشه.

ظاهر قبل از اعمال این ابزار:

chosen1

ظاهر بعد از اعمال این ابزار:

chosen2

امیدوارم از این مطلب خوشتون اومده باشه.

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

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram