تولتیپ ها

این قالب شامل امکانات کامل برای کار با تولتیپ هاست :

  • 4 موقعیت: بالا, چپ, پایین و راست
  • وقتی تولتیپ ها بیش از اندازه به کادر صفحه نزدیک باشند، حرکت داده میشوند تا از بریده شدن آنها جلوگیری شود.
  • تنظیمات آسان از طریق کلاس ها و تنظیمات درون خط - بدون نیاز به اسکریپت
  • تولتیپ ها میتوانند شامل هر محتوایی, از جمله محتوای موجود DOM یا عناصر ایجاد شده DOMباشند (با استفاده از جی کوئری)
  • تولتیپ ها میتوانند به عنوان منو مورد استفاده قرار بگیرند (پایین را ببینید)
  • یک پلاگین تایید نیز از طریق تولتیپ ها فراهم شده (پایین را ببینید)

تولتیپ های استاندارد

بالا

راست

چپ

پایین

تولتیپ های سفارشی

رنگ

محتوای سفارشی

تاخیر دار

محتوای عوض شونده

API تولتیپ ها

  • 17 تنظیم برای سفارشی سازی همه بخش های تولتیپ
  • تولتیپ های قدیمی تری که بر روی عنصر یکسان وجود داشته باشند به صورت اتوماتیک حذف میشوند
  • کال بک برای onShow و onRemove
  • بعضی از تولتیپ ها میتوانند در یک صفحه اختصاصی باشند - تنها آخرین آنها در صفحه باز خواهد ماند.
  • امکان جلوگیری از بسته شدن در کال بک onRemove وجود دارد.
  • و خیلی چیز های دیگر ...

منوی نمونه

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

$('#menu-tooltip').menuTooltip($('#menu-content-block'));

در این مثال با استفاده از تابع انتخاب جی کوئری، محتوا از DOM فراخوانی میشود. سپس تولتیپ از محل اصلی خود جدا شده و به نحوی نمایش داده میشود که انگار مخفی بوده، و زمانی که منو بسته میشود، دوباره به محل قبلی خود باز گشته و مخفی میشود. هیچ کال بک پیچیده ای وجود ندارد، همه چیز درون ساخت است. البته در صورت نیاز میتوانید از کال بک ها هم استفاده کنید.

پلاگین تایید

این پلاگین یک تولتیپ تایید برای هر عنصری که دارای کلاس confirm باشد و روی آن کلیک شود به نمای میگذارد : اگر کاربر بر روی Confirm کلیک کند، لینکی باز خواهد شد و در غیر این صورت بلاک میشود.

  • جان کرازینسکی
  • جان دبوگورسکی
  • جان هاتر

تنظیمات و کال بک های متفاوتی برای سفارشی کردن نما و رفتار تولتیپ ها در دسترس هستند.