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

- visibility ۴ mode_comment

شاید تا حالا براتون پیش اومده باشه که بخواین اگه یه مطلب جدید گذاشتید ، یک عدد به 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 استفاده میکنیم. برای اضافه کردن به عدد عنوان ، باید کد زیر رو قرار بدین :

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

برای کم کردن :

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

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

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

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

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

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

عالی بود تشکر

محمد اسفندیاری

خواهش میکنم
موفق باشید

ممنون از شما

محمد اسفندیاری

خواهش میکنم
موفق باشید

نیاز به لاگین

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