Mostar y ocultar mensaje en el centro de pantalla

[Adler]

Iniciado por buzu

Solo aclarar que ese código no te va a poner el mensage en el centro de la ventana. De hecho, puedes obtener resultados totalmente inesperados. Haz la prueva:

1) haz la ventana de tu navagador más chica que tu pantalla, digamos que ocupe solo la mitad de la pantalla.

2) Pon la ventana del lado derecho de la pantalla.

3) Muevete sobre el elemento de modo que se dispare el efecto.

Ahora dime, es eso lo que quieres lograr?
Probablemente si, pero yo creo que no necesariamente.

El problema está en que estás usando la resolución para poder posicionar el elemento, pero no todos navegan con la ventana abierta a todo lo ancho de su monitor. Hay otras propiedades que puedes usar y que te dan un efecto más acorde. Por ejemplo, innerHeiight e innerWidth. El concepto es el mismo, solo cambian las propiedades que usas para calcular los valores de modo que sepas que estás calculando los valores correctos.

Si entramos en supuesto y usamos esas propiedades, entonces habrá que saber que navegador se está usando

Código javascript:

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
function iecompattest() {
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
 
var window_height = ieNOTopera? iecompattest().clientHeight : window.innerHeight;
var window_width = ieNOTopera? iecompattest().clientWidth : window.innerWidth;