• Thursday , 5 December 2019

Push.js Tutorial | Create Desktop Notification with Javascript

Code Canyon



In this video, we’ll talk about Push.js – A javascript library to send desktop notification. Learn how to setup, create a notification and customize the options of push.js. Full source code available below!

Source Code: https://redstapler.co/push-js-tutorial-javascript-desktop-notification/
Follow us on
Facebook: https://www.facebook.com/theRedStapler
Website: http://redstapler.co/
Twitter: https://twitter.com/redStapler_twit

Original source

3d Ocean

Related Posts

31 Comments

  1. TheRealPage
    November 16, 2019 at 18:51

    where is the "push" in all this??? the only thing you do is refreshing a page to receive alerts in a more complicated way that HTML5 can do it…

  2. alex julca ardiles
    November 16, 2019 at 18:51

    tengo un problema al ejecutar el codigo, no me permite correr el script ya que en mi proyecto local no tiene certificado ssl y por lo que eh leido me dice que el mensaje push solo corre con https, el detalle esta que en tu local esta igual sin certificado y aun asi se ejecuta el escript

  3. Active Sledge
    November 16, 2019 at 18:51

    Its working for desktop but not phones browser.

  4. alfonso payra
    November 16, 2019 at 18:51

    this dosen't work in chrome desktop with windows 10

  5. Sudeep Gumaste
    November 16, 2019 at 18:51

    Thanks a lot

  6. Lakshay Dutta
    November 16, 2019 at 18:51

    Does not work

  7. Tendo Việt
    November 16, 2019 at 18:51

    thank you!

  8. henrique oliveira
    November 16, 2019 at 18:51

    this library can be used to send notifications to all users of my application?

  9. Esteban Giraldo
    November 16, 2019 at 18:51

    And the sound ?

  10. Flash Noob
    November 16, 2019 at 18:51

    Awesome

  11. Kavindu tissera
    November 16, 2019 at 18:51

    can you help me my code didnt work πŸ™

    <!DOCTYPE html>

    <html>

    <head>

    <title>afda</title>

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script&gt;
    <script src="push.js"></script>

    </head>

    <body>

    <button id="btn">notify</button>

    <script>

    $("#btn").click(function() {

    Push.create("Hello world!");

    });

    </script>

    </body>

    </html>

  12. Azzaz Khan Siddiqui
    November 16, 2019 at 18:51

    How to send notifications when the user is not interactive with the page i.e like GMail and YouTube sends browser notifications even they are not being currently visited.
    How is it possible to do so? How to tell the client's browser to show the notification when he is not active or not viewing the page?

  13. Pierre Gaillard
    November 16, 2019 at 18:51

    How can I remove the sound from Chrome notifications?

  14. Ajith Kumar
    November 16, 2019 at 18:51

    How to add sound when notification received

  15. Gol D BM
    November 16, 2019 at 18:51

    is that work on mobile browser too ?

  16. Daniel Cardona Galviz
    November 16, 2019 at 18:51

    do you have the css file?

  17. Sherwin Dave Atie
    November 16, 2019 at 18:51

    where can I download that jquery 2.1.4.js?

  18. Pj Abing
    November 16, 2019 at 18:51

    how do I change the status of my permission from false to true

  19. adrianTNT
    November 16, 2019 at 18:51

    Can anyone clarify ?! Is there a way to send a notification to all subscribers once they approved notifications ? Or is that a whole different thing ? Because I am guessing that is what most developers want to do.
    As it is now it just shows a desktop notification when user is on that page, not much use for that.

  20. AndrΓ©s Montoya
    November 16, 2019 at 18:51

    How can I check if the user is not in my page, send a notification?

  21. samuel ibarra
    November 16, 2019 at 18:51

    how can i send to multi users a notification?

  22. LAUGFS IT
    November 16, 2019 at 18:51

    how can we send notification without a user click

  23. bryan silva
    November 16, 2019 at 18:51

    how do I change the status of my permission from false to true

  24. messahal mohamed
    November 16, 2019 at 18:51

    thanks a lot for this tutorial

  25. John Lope Valmoria
    November 16, 2019 at 18:51

    Does it work for mobile too? Like android and iOS?

  26. virani harsh
    November 16, 2019 at 18:51

    how to to pass info from web apivto call push.js create notify method? please share some link

  27. A. Cosmin
    November 16, 2019 at 18:51

    If users close browser works send desktop notification? thanks.

  28. Kamaljeet Singh
    November 16, 2019 at 18:51

    What if i want fetch data from database in push pop-up please reply

  29. Pulipuli Chen
    November 16, 2019 at 18:51

    Great! Very useful!

  30. underscore
    November 16, 2019 at 18:51

    Why u sound like jing yang..?

  31. Liran Peleg
    November 16, 2019 at 18:51

    Very nice video

Leave A Comment

You must be logged in to post a comment.