All Projects → roshiro → Titlenotifier.js

roshiro / Titlenotifier.js

Licence: gpl-2.0
👋 Lightweight (< 3kb), dependency-free javascript library to dynamically show the number of unread notifications in your webpage title through a simple API.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Titlenotifier.js

Telepat Api
This is the Telepat API where HTTP calls are made. CRUD operations are not processed here directly. Messages are sent to the Telepat workers where CRUD operations are being taken care of along with client communication (notifications).
Stars: ✭ 335 (-14.32%)
Mutual labels:  notifications
Csp Useful
Collection of scripts, thoughts about CSP (Content Security Policy)
Stars: ✭ 354 (-9.46%)
Mutual labels:  notifications
Onesignal Ios Sdk
OneSignal is a free push notification service for mobile apps. This plugin makes it easy to integrate your native iOS app with OneSignal. https://onesignal.com
Stars: ✭ 370 (-5.37%)
Mutual labels:  notifications
Vapor Apns
Simple APNS Library for Vapor (Swift)
Stars: ✭ 344 (-12.02%)
Mutual labels:  notifications
Reactnative Animation Challenges
A series of animation challenges in React Native.
Stars: ✭ 352 (-9.97%)
Mutual labels:  notifications
Notifications
🛎 Notifications Center engine like GitHub or other application for any Rails applications.
Stars: ✭ 359 (-8.18%)
Mutual labels:  notifications
Laravel Desktop Notifier
💻 Send notifications to your desktop from your Laravel Artisan Commands. An JoliNotif wrapper for Laravel.
Stars: ✭ 333 (-14.83%)
Mutual labels:  notifications
React Native Notifee
⚛️ A feature rich notifications library for React Native Android & iOS, built by @invertase, the authors of @react-native-firebase.
Stars: ✭ 381 (-2.56%)
Mutual labels:  notifications
Apns4erl
Apple Push Notification Server for Erlang
Stars: ✭ 352 (-9.97%)
Mutual labels:  notifications
Anahita
Anahita is a platform and framework for developing open science and knowledge sharing applications on a social networking foundation.
Stars: ✭ 369 (-5.63%)
Mutual labels:  notifications
Chronos
📊 📊 📊 Monitors the health and web traffic of servers, microservices, and containers with real-time data monitoring and receive automated notifications over Slack or email.
Stars: ✭ 347 (-11.25%)
Mutual labels:  notifications
Sysend.js
Send messages between open pages or tabs in same browser
Stars: ✭ 347 (-11.25%)
Mutual labels:  notifications
Pnotify
Beautiful JavaScript notifications with Web Notifications support.
Stars: ✭ 3,601 (+820.97%)
Mutual labels:  notifications
Onesignal Website Sdk
OneSignal is a push notification service for web and mobile apps. This SDK makes it easy to integrate your website with OneSignal Push Notifications. https://onesignal.com
Stars: ✭ 338 (-13.55%)
Mutual labels:  notifications
Whisper
📣 Whisper is a component that will make the task of display messages and in-app notifications simple. It has three different views inside
Stars: ✭ 3,718 (+850.9%)
Mutual labels:  notifications
Mmm Remote Control
Magic Mirror Module to shutdown or configure your mirror
Stars: ✭ 331 (-15.35%)
Mutual labels:  notifications
Apnotic
A Ruby APNs HTTP/2 gem able to provide instant feedback.
Stars: ✭ 360 (-7.93%)
Mutual labels:  notifications
Active delivery
Ruby framework for keeping all types of notifications (mailers, push notifications, whatever) in one place
Stars: ✭ 388 (-0.77%)
Mutual labels:  notifications
Parse Server
API server module for Node/Express
Stars: ✭ 19,165 (+4801.53%)
Mutual labels:  notifications
Laravel Onesignal
OneSignal Push Notifications for Laravel
Stars: ✭ 369 (-5.63%)
Mutual labels:  notifications

Title Notifier js

Lightweight (< 3Kb), dependency-free javascript library to dynamically show the number of unread notifications in your webpage title.

TitleNotifierGif

Usage

Add title_notifier.js to your webpage.

<script src="title_notifier.js"></script>

Setting Notification

In the example below, it sets the number of notifications as 12.

titlenotifier.set(12);

Adding Notifications

Call the following function to add +1 to notifications total.

titlenotifier.add();

Subtracting Notifications

Call the following to subtract 1 from the total notifications.

titlenotifier.sub();

Reset Notifications

Call the following to set notifications to zero and the title to the original version.

titlenotifier.reset();

Get Number of Notifications (NEW)

Call the following to get the current number of notifications

titlenotifier.get();

Set Max Number of Notifications (NEW)

Call the following to set maximum number of notifications to display. Once the maximum number is reached it displays the max number plus a plus sign. If you set the max to 99 and you have 100 notifications, it will show 99+ instead of 100.

titlenotifier.max(99);

Contribute

Contributions are welcome.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].