Div visible

[mikolbe]

Hola foreros, cómo están???

Estoy necesitando un poco de su ayuda, estoy interesado en hacer una función js para hacer aparecer un DIV por encima del BODY, en el medio de la pantalla sin importar cual sea su tamaño.

Alguna ayudita para esto.

muchas gracias!!!

<<[[Mikol Be]]>>

[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

[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]]>>

[IsaBelM]

este código tiene múltiples errores (invocas funciones que no existe, no tienes declaradas las variable, el elemento está mal creado,....)

un ejemplo básico

function fnc() {
var elDiv = document.createElement('div');
elDiv.innerHTML = 'texto';
document.body.appendChild(elDiv);
}

window.onload = function() {fnc()};