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

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



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!
1 2725 ۲۴ مهر ۹۳ s.alifarrokh

به نام خدا

سلام.در این مطلب میخوام یه کتابخوانه جی کوئری کاربردی و زیبا رو معرفی کنم.charCount کتابخوانه ای هست که به ما امکان نمایش تعداد کارکتر باقیمانده قابل تایپ در فیلد ها رو میده.

charCount-image1

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

و اما استفاده ، کافیه اسکریپت زیر رو داخل صفحه مون (داخل تگ script) کپی کنیم و سپس مقادیر زیر رو جایگزین کنیم.

- #message2 : ای دی (id) فیلدمون

- allowed : مقدار کارکتر های مجاز

- warning : زمان هشدار - برای مثال اگر ما این رو روی 20 تنظیم کنیم زمانی که 20 کارکتر بیشتر باقی نمونده رنگ متن کارکتر های باقی مونده تغییر میکنه (قرمز میشه)

- counterText : متنی که قراره کنار تعداد کارکتر های باقی مونده نمایش داده بشه.مثلا "کارکتر باقی مانده : "

نمونه کد html:

نکته : اگر توی قسمت html فیلدتون از صفت maxlength استفاده نکنید تعداد کارکتر ها سر جای تعیین شده توقف نمیکنه و شروع به منفی شدن میکنه!!(بزرگترین ایراد این پلاگین) برای جلوگیری از این اتفاق باید از صفت maxlength استفاده و مقدارش رو برابر مقدار کارکتر های مجاز قرار بدین.

در اخر هم اینو اضافه کنم که فایل style مربوط به پلاگین نیست و جهت زیباسازی و مکان نمایش متن پلاگین هست ، پس پیشنهاد میکنم یه نگاهی بهش بندازین.

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

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

  • قابلیت ویرایش استایل ها
  • استفاده اسان
  • کم حجم
  • ...

دیدگاه ها یک نظر ارسال شده است.

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram