Div visible

[mikolbe]

Iniciado por IsaBelM

obtén el ancho y alto del espacio editable con screen.width y screen.height. estos valores lo divides entre dos y a su vez le resta la mitad del alto y ancho del bloque div. el valor resultante se lo asigna a la propiedad top y left

Si, eso no es problema, el tema es mostrarlo, no se cómo hacer para mostrarlo. Les pongo el ejemplo que encontré pero no me está funcionando.

Código Javascript:

var waitMessage = null;
var waitHeight;
var waitWidth;
var timerGU;
 
function loading() {
    waitMessage = document.createElement('<DIV style="BACKGROUND-COLOR: #ffffff; z-index: 300; visibility: hidden; position: absolute;">');
    waitMessage.innerHTML = '<table bgcolor="#888888" cellpadding="0" cellspacing="3" style="position:absolute;"><tr><td>\
        <table bgcolor="#FFFFFF" cellSpacing="0px" cellPadding="0px">\
            <tr height="65">\
                <td width="21"></td>\
                <td>\
                    <font color="#969696" face="Verdana" size="5">Procesando, por favor espere...</font>\
                </td>\
                <td width="16">\
                </td>\
                <td valign="middle">\
                    <table cellSpacing="0px" cellPadding="0px">\
                        <tr><td height="18px"></td></tr>\
                        <tr valign="middle">\
                            <td>\
                                <img src="Img/wait.gif" height="50" width="50"  />\
                            </td>\
                        </tr>\
                        <tr><td height="14px"></td></tr>\
                    </table>\
                </td>\
                <td width="18"></td>\
            </tr>\
        </table>\
    </td></tr></table>';
 
    timerGU = setTimeout("waitMessage()", 10);
    
    return true;
}
 
function showWaiting() {
 
    waitHeight = 105;
    waitWidth = 502;
    t = (document.documentElement.scrollHeight - waitHeight) / 2;
    l = (document.documentElement.scrollWidth - waitWidth) / 2;
 
    waitMessage.style.left = l;
    waitMessage.style.top = t;
    
    document.appendChild(waitMessage);
    waitMessage.style.display = 'inline';   
}
 

Cualquier ayudita me viene bien...

<<[[Mikol Be]]>>