Hola. tengo un pequeño problema con una Script. lo que sucede es que cuando inicio un evento de carga en asp invoco a un script el cual me muestra un progress bar en un etiqueta Div. El problema está que cuando termina el proceso (puede durar 10 minutos) el div sigue mostrandose. Una manito Porfa
este es el script [/COLOR]
function progress_update() {
document.getElementById('showbar').style.visibilit y = 'visible';
progressAt++;
if (progressAt > progressEnd) progress_clear();
else document.getElementById('progress'+progressAt).sty le.backgroundColor = progressColor;
progressTimer = setTimeout('progress_update()',progressInterval);
document.getElementById("ContenedorProgress").styl e.visibility="visible";
document.getElementById("capaFondo1").style["filter"] = "alpha(opacity=50)";
document.getElementById("capaFondo1").style["opacity"] = "0.5";
}
este es el Div que contiene el progress bar
<div id = "ContenedorProgress" runat ="server" class = "DivProgress" style="background-color: olive;">
<asp:Label ID="lblMensajeProgress" runat="server" ForeColor="Orange">Se están generando los archivos</asp:Label><br />
<table align="center" id="dtProgress"><tr><td>
<div id="showbar" runat="server" style="font-size:8pt;padding:2px;border:solid black 1px;visibility:hidden">
<span id="progress1"> </span>
<span id="progress2"> </span>
<span id="progress3"> </span>
<span id="progress4"> </span>
<span id="progress5"> </span>
<span id="progress6"> </span>
<span id="progress7"> </span>
<span id="progress8"> </span>
<span id="progress9"> </span>
<span id="progress10"> </span>
<span id="progress11"> </span>
<span id="progress12"> </span>
<span id="progress13"> </span>
<span id="progress14"> </span>
<span id="progress15"> </span>
<span id="progress16"> </span>
<span id="progress17"> </span>
<span id="progress18"> </span>
</div>
</td> </tr></table>
</div>
</form>
Aca invoco al script
<asp:ImageButton ID="ImageButton6" runat="server" ImageUrl="~/Imagenes/48px-Crystal_Clear_app_package_utilities.png" OnClick="ImageButton6_Click" OnClientClick = "progress_update()"/><br />
La solucion que le quise dar y no funciono es la siguiente:
Una fue que al finalizar el proceso ejecute este codigo para ocultar el div. pero despues de ejecutarse el div seguia mostrandose.
this.ContenedorProgress.Style["visibility"] = "hidden";
this.ContenedorProgress.Visible = false;
this.ContenedorProgress.Style["background-color"] = "#292994";
//dtProgress.Visible = false;
this.showbar.Style["visibility"] = "hidden";
this.showbar.Visible = false;
this.showbar.Style["background-color"] = "#292994";
y la otra fue ejecutar un bloque de codigo script, pero igual el div con el progress seguian vivos.
strScript += "document.getElementById('showbar').style.visibili ty = 'hidden';";
strScript += "document.getElementById('ContenedorProgress').sty le.visibility='hidden';";
Page.ClientScript.RegisterStartupScript(typeof(Pag e), "script", strScript,true);
una manito please. como hago pa ocultar el bendito div con el progress bar despues de terminar el proceso.