Hola como recomendación estaría bueno que el titulo del navegador cambie cuando se tiene una notificacion, al mejor estilo de Facebook o Twitter.
El código a usar solo se agrega en el footer (antes del </html>):
HTML:
<script>var io_titulo = document.title;
var io_cant = document.getElementsByClassName("notifications-number");
if( io_cant[0] ===undefined) {
io_cant = 0;
}else{
io_cant = io_cant[0].innerHTML;
io_cant = io_cant.replace("</strong>","");
io_cant = io_cant.replace("<strong>","");
}
var t = setTimeout(function(){ io_Verificar(); },3000);
function io_Verificar(){
if(io_cant>0){
document.title = "(" + io_cant + ") " + io_titulo;
}else{
document.title = io_titulo;
}
t = setTimeout(function(){ io_Verificar(); },3000);
}
1- guardamos el titulo actual en una variable.
2- guardamos en una variable la clase notificaciones (es usada por el foro con CSS)
3- verificamos si el punto 2 es un "no defifino" (y que sino no esta definido es que no tenemos notificaciones)
4- Si no es "no definido", eliminamos el html innecesario. Sino es un array ponemos el contador en 0
5- Creamos un timeout de 3 segundos, llamando a la función encargada de mostrar el titulo interactivo
6- Creamos la funcion encargada del titulo, verificamos si la cantidad de notificaciones es mayor que 0, si es mayor mostramos:
(CANTIDAD) ForoBeta | Bloggers, Social Media, Monetización, SEO, Hosting
De lo contrario solo mostramos el titulo.
Si
Carlos no desea colocar el código, pueden usar el addon GreaceyMonkey con este script:
Enlace eliminado
Saludos!
🙂