Sugerencia Titulo interactivo

  • Autor Autor Cicklow
  • Fecha de inicio Fecha de inicio
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Cicklow

Cicklow

Admin
Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
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 tw;
var io_titulo = document.title;
var io_cant = document.getElementsByClassName("notifications-number");

window.onload = io_verInactividad;
document.onmousemove = io_verInactividad;
document.onkeypress = io_verInactividad;


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>","");
}

function io_Recargar() {
	window.location.href = window.location.href;
}

function io_verInactividad() {
        clearTimeout(tw);
        tw = setTimeout(io_Recargar, 65000); //1 minuto
}

var t = setTimeout(function(){ io_Verificar(); },3000); //3 segundos

function io_Verificar(){
	window.onload = io_verInactividad;
	document.onmousemove = io_verInactividad;
	document.onkeypress = io_verInactividad;

	if(io_cant>0){
		document.title = "(" + io_cant + ") " + io_titulo;
	}else{
		document.title = io_titulo;
	}
	t = setTimeout(function(){ io_Verificar(); },3000);
}</script>

1- guardamos el titulo actual en una variable.
2- guardamos en una variable la clase notificaciones (es usada por el foro con CSS)
3- cargamos las funciones para detectar si el usuario dejo de mover el mouse o a tocado el teclado.
4- verificamos si el punto 2 es un "no definido" (y que sino no esta definido es que no tenemos notificaciones)
5- Si no es "no definido", eliminamos el html innecesario. Sino es un array ponemos el contador en 0
6- creamos las funciones de recargar la web, y chequear la inactividad
7- Creamos un timeout de 3 segundos, llamando a la función encargada de mostrar el titulo interactivo
8- Creamos la funcion encargada del titulo (y llamamos nuevamente a las funciones del punto 3), 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! 🙂
 
Última edición:
Me encanta la idea 🙂
 
Seria una buena forma de darle un toque mas interactivo al foro como bien a dicho cicklow
 
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! 🙂


Quiero decirte que me pareces de lejos el tío que más sabe de todo el foro. Sigue así
 
a favor! esta buenisima la idea
 
[MENTION=9679]cicklow[/MENTION] muy buen aporte, pero se podrá hacer algo parecido para wordpress? Osea que cuando uno haga una publicación se les avise a los visitantes que están en la página que se ha hecho una nueva publicación? Algo así como una burbuja con la información o ¿algo por el estilo?.

Saludos
 
Ahora se me llego una duda. Que las notificaciones no son push (en vivo), o sea por parte de ForoBeta. Solo se muestran si se actualiza la pagina. Y por ende cuando se actualiza la pagina se actualizan las notificaciones en el titulo. Para que funcione al 100% hay dos maneras:

1- que carlos agregue un modulo de push notificaciones. Y de esa forma el script que yo cree funcionaria 100%
2- modificar el script para que si el usuario no hace ninguna acción en 1 minuto se actualice sola la pagina.

- - - Actualizado - - -

[MENTION=9679]cicklow[/MENTION] muy buen aporte, pero se podrá hacer algo parecido para wordpress? Osea que cuando uno haga una publicación se les avise a los visitantes que están en la página que se ha hecho una nueva publicación? Algo así como una burbuja con la información o ¿algo por el estilo?.

Saludos

Dejame ver que puedo hacer 😉

-----------

Se edito el script para actualizar la pagina cada 1 minuto si el usuario no hace nada! (no toca el teclado o el mouse)
 
Última edición:
Si pero el refresh seria por inactividad, de ultima que carlos lo ponga en 5 minutos.
 
mi voto es positivo. Nos serviria bastante.
Excelente sugerencia!
Saludos
 
Aunque se ve bastante buena la sugerencia ahorita no tarda en llegar vbulletin 5, algo que me detiene bastante para realizar este tipo de implementaciones. Me suscribo al tema como sea para ver que pasa después de vb5.
 
Que Carlos te contrate para que le muevas al foro, se ve que tienes buenos tips
 
Apoyo la propuesta, pero como dice Carlos, ya casi llega la actualización a vb5.
 
Ojalá que se pueda implementar, aunque si consume muchos recursos, no se si vale la pena.

Saludos
 
Nada mal la idea si sabes php te contrato para un modulo para drupal
 
Por lo pronto cierro el tema aunque me he suscrito, llegando vb5 retomamos la sugerencia.
 
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Atrás
Arriba