![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
10/01/2008, 09:52
|
| | Fecha de Ingreso: enero-2008
Mensajes: 8
Antigüedad: 17 años, 1 mes Puntos: 0 | |
Re: Mensaje de de espera... Yo te ayudo cmunozp :)
una forma de agregar un mensaje de espera sería la siguiente.
En tu librería más primita de javascript agrega el siguiente código:
var StatusMsg =
{
CreateStatusMsg : function (msg, btnAbort)
{
var div = document.createElement("DIV");
div.id = "statusMsg";
div.style.display = "none";
div.style.zIndex = 20;
var tbl = div.appendChild(document.createElement("TABLE"));
tbl.style.width = "100%";
tbl.style.height = "100%";
tbl.border = "0";
var trow = tbl.insertRow();
var tdata = trow.insertCell();
tdata.style.width = "100%";
tdata.style.height = "100%";
tdata.style.verticalAlign = "middle";
tdata.align = "center";
var div2 = document.createElement("DIV");
tdata.appendChild(div2);
var img = document.createElement("IMG");
div2.appendChild(img);
img.src = "/Images/loading.gif";
img.align = "absmiddle";
img.id = "loadingGif";
var theMsg = document.createElement("DIV");
tdata.appendChild(theMsg);
theMsg.id = "theMsg";
theMsg.innerText = msg;
theMsg.style.fontWeight = "bold";
if(msg > "")
{
statusMessageString = msg;
}
if (btnAbort)
{
div.style.height = "90px";
var trow2 = tbl.insertRow();
var tdata2 = trow2.insertCell();
tdata2.style.width = "100%";
tdata2.style.height = "100%";
tdata2.style.verticalAlign = "middle";
tdata2.align = "center";
var btn = document.createElement("BUTTON");
tdata2.appendChild(btn);
btn.id = "Abort";
btn.innerText = "Cancel";
statusMessageButton=true;
}
else
{
statusMessageButton=false;
}
document.body.appendChild(div);
StatusMsg.divObj = div;
},
ShowStatusMsg : function(cTop, cLeft)
{
if (StatusMsg.divObj)
{
if (typeof cTop == "undefined")
{
cTop = document.body.clientHeight / 2 - 35;
}
if (typeof cLeft == "undefined")
{
cLeft = document.body.clientWidth / 2 - 75;
}
StatusMsg.CreateIframeStatusMsg(cTop, cLeft, StatusMsg.divObj.clientHeight+5, StatusMsg.divObj.clientWidth+5)
StatusMsg.CreateStatusMsg(statusMessageString, statusMessageButton);
StatusMsg.divObj.style.top = cTop;
StatusMsg.divObj.style.left = cLeft;
StatusMsg.iframeObj.style.display = "block";
StatusMsg.iframeObj.style.visibility = "visible";
StatusMsg.iframeObj.style.zIndex = 19;
StatusMsg.divObj.style.display = "block";
StatusMsg.divObj.style.visibility = "visible";
StatusMsg.iframeObj.style.zIndex = 20;
}
},
HideStatusMsg : function()
{
if (StatusMsg.iframeObj)
{
StatusMsg.iframeObj.style.display = "none";
StatusMsg.iframeObj.style.visibility = "hidden";
}
if (StatusMsg.divObj)
{
StatusMsg.divObj.style.display = "none";
StatusMsg.divObj.style.visibility = "hidden";
}
}
}
luego.. puedes hacer lo siguiente
en el onLoad de tu formulario ejecutar esto:
StatusMsg.CreateStatusMsg("HOLA ESTE ES UN MENSAJE", false);
cuando se vaya a cargar tu XML usa este:
StatusMsg.ShowStatusMsg();
y cuando quieras que desaparezca una vez cargado:
StatusMsg.HideStatusMsg(); |