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

- visibility ۰ mode_comment

در این قسمت با ادامه ترفندهای پیشرفته 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

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

نیاز به لاگین

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