Foros del Web » Programando para Internet » Javascript »

notificaciones html5 estilo Facebook

Estas en el tema de notificaciones html5 estilo Facebook en el foro de Javascript en Foros del Web. Buen día. Estuve viendo el tema de las notificaciones del navegador, y hasta cierto punto he logrado hacer las notificaciones; ahora bien, estas notificaciones las ...
  #1 (permalink)  
Antiguo 08/01/2016, 16:00
Avatar de chulifo  
Fecha de Ingreso: abril-2009
Ubicación: perdido en codigos del PHP, pero aprendo rapido!
Mensajes: 523
Antigüedad: 10 años, 7 meses
Puntos: 18
Pregunta notificaciones html5 estilo Facebook

Buen día.

Estuve viendo el tema de las notificaciones del navegador, y hasta cierto punto he logrado hacer las notificaciones; ahora bien, estas notificaciones las he logrado realizar solo cuando el usuario se encuentra navegando por la pagina; lo que realmente necesito es que notifique , es decir, que cuando el usuario NO se encuentre en la pagina le llegue la notificación al escritorio.

Es esto ultimo posible entiendo porque Facebook por ejemplo funciona de esa manera, espero sea entendida mi duda, muchas gracias!
__________________
Solo soy un simple fanático que mata el tiempo de la mejor manera.
  #2 (permalink)  
Antiguo 08/01/2016, 16:07
Avatar de carlillos  
Fecha de Ingreso: febrero-2007
Ubicación: México
Mensajes: 245
Antigüedad: 12 años, 9 meses
Puntos: 21
Respuesta: notificaciones html5 estilo Facebook

Para eso tendrías que programar una app de escritorio, no lo puedes hacer con javascript.
  #3 (permalink)  
Antiguo 10/01/2016, 00:01
 
Fecha de Ingreso: agosto-2015
Ubicación: En Carúpano
Mensajes: 49
Antigüedad: 4 años, 2 meses
Puntos: 12
Respuesta: notificaciones html5 estilo Facebook

Ese tipo de notificaciones solo sirven en Google Chrome, Quizá por el momento, para usarlas solo se necesitan 2 funciones: una para pedir el permiso y otra para mostrar la notificación si es que el usuario las permitió

Código Javascript:
Ver original
  1. //Para pedir el permiso al Navegador
  2. Notification.requestPermission()
  3. //en la siguiente variable se puede verificar si el permiso fue consedido
  4. Notification.permission
  5.  
  6. //Y por ultimo para mostrar la notificación
  7. new Notification(String,props)

Ejemplo:
Para preguntar al usuario si quiere conceder el permiso:
Código Javascript:
Ver original
  1. if (Notification.permission !== "granted") {
  2.     Notification.requestPermission()
  3. }
Para Mostrar la Notificación:
Código Javascript:
Ver original
  1. props = {
  2.     body: "Hola A todos, Forosdelweb",
  3.     icon: "http://static.forosdelweb.com/favicon.ico"
  4. }
  5. msg = new Notification("Larrysun2", props)
  6. msg.onclick = function() {
  7.     this.close()
  8. }

Última edición por larrysun2; 10/01/2016 a las 00:43
  #4 (permalink)  
Antiguo 11/01/2016, 11:31
Avatar de chulifo  
Fecha de Ingreso: abril-2009
Ubicación: perdido en codigos del PHP, pero aprendo rapido!
Mensajes: 523
Antigüedad: 10 años, 7 meses
Puntos: 18
Respuesta: notificaciones html5 estilo Facebook

Cita:
Iniciado por larrysun2 Ver Mensaje
Ese tipo de notificaciones solo sirven en Google Chrome, Quizá por el momento, para usarlas solo se necesitan 2 funciones: una para pedir el permiso y otra para mostrar la notificación si es que el usuario las permitió

Código Javascript:
Ver original
  1. //Para pedir el permiso al Navegador
  2. Notification.requestPermission()
  3. //en la siguiente variable se puede verificar si el permiso fue consedido
  4. Notification.permission
  5.  
  6. //Y por ultimo para mostrar la notificación
  7. new Notification(String,props)

Ejemplo:
Para preguntar al usuario si quiere conceder el permiso:
Código Javascript:
Ver original
  1. if (Notification.permission !== "granted") {
  2.     Notification.requestPermission()
  3. }
Para Mostrar la Notificación:
Código Javascript:
Ver original
  1. props = {
  2.     body: "Hola A todos, Forosdelweb",
  3.     icon: "http://static.forosdelweb.com/favicon.ico"
  4. }
  5. msg = new Notification("Larrysun2", props)
  6. msg.onclick = function() {
  7.     this.close()
  8. }
Gracias esta parte la conozco.

Cita:
Iniciado por carlillos Ver Mensaje
Para eso tendrías que programar una app de escritorio, no lo puedes hacer con javascript.
Con respecto a esto, puedes indicarme un tema donde ir a leer?
__________________
Solo soy un simple fanático que mata el tiempo de la mejor manera.
  #5 (permalink)  
Antiguo 11/01/2016, 12:06
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 11 años, 6 meses
Puntos: 528
Respuesta: notificaciones html5 estilo Facebook

Las notificaciones de escritorio como tal ya se consideran estándar y funcionan en firefox, opera, safari, chrome y derivados de chromium.+

Sin embargo, en todos éstos la notificación depende de que el usuario se encuentre dentro de la página (aunque esté en otra pestaña activa el navegador mismo esté minimizado) por lo cual, lo que pide chulifo, que la notificación se dé aunque no esté el usuario en la página no es viable sólo con javascript.

Etiquetas: estilo, facebook, funcion, html5, notificaciones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:05.