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

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



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

TitleNotifier.js : عوض کردن عنوان ( tilte ) صفحه سایت

4 3186 ۲۷ مهر ۹۳

شاید تا حالا براتون پیش اومده باشه که بخواین اگه یه مطلب جدید گذاشتید ، یک عدد به title صفحتون اضافه بشه و کاربر متوجه بشه که یک مطلب جدید بر روی سایت قرار گرفته.

title_notifier

خیلی از سایتها هستن که از این روش استفاده میکنن ، مثلا Linkedin و ...

امروز میخوام یه روش انجام این کار رو بهتون آموزش بدم.

ابتدا وارد سایت مربوطه بشین و در سمت راست روی Download .Zip file کلیک کنید. حالا فایل رو از حالت فشرده خارج کنید. ما در این مطلب با فایل title_notifier.js کار داریم. این فایل حجمش خیلی کمه. تقریبا حجمش 3 کیلو بایت هست.

برای شروع ابتدا کدهای HTML زیر رو قرار میدیم :

حالا کافیه که قبل از تگ <body/> کد زیر رو قرار بدین و فایل جاوااسکریپت رو به کدهاتون اضافه کنید :

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

با استفاده از این ابزار میتونین اعمال زیر رو بر روی Title صفحه انجام بدین :

  1. یکی یکی اضافه کردن به عدد
  2. یکی یکی کم کردن از عدد
  3. قرار دادن عدد خاصی
  4. Reset کردن و برگرداندن title به حالت اولیه

اول یه دکمه قرار میدیم به صورت زیر و id اون رو changeTitle میزاریم :

حالا میایم و بعد از اون تگ اسکریپتی که قرار دادیم و فایل title_notifier.js اضافه کردیم ، یه تگ script دیگه میزاریم. تا اینجای کار باید کدهاتون بصورت زیر باشه  :

خب ما میایم و در بین اون دو تگ اسکریپتی که قرار دادیم ، کدهامون رو قرار میدیم. در ابتدا باید با استفاده از Javascript اون دکمه رو در یک متغیر قرار داد ، بصورت زیر :

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

حالا اگه بر روی دکمه کلیک کنید ، میبینید که یک عدد به اون اضافه میشه.

برای کم کردن :

اگر بخواین عدد خاصی رو قرار بدین :

اگر بخواین عنوان به حالت اولیه برگرده :

میتونین چندتا دکمه درست کنید که هر کدومشون یکاری رو انجام بدن.

خب دوستان امیدوارم بدردتون بخوره.

امیدوارم موفق باشید. یا علی

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

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

  • ‏‏
    danial asvadi(۲۸ مهر ۱۳۹۳)

    عالی بود تشکر

  • ‏‏
    سجاد اسماعیلی(۲۸ مهر ۱۳۹۳)

    ممنون از شما

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram