ASP.NET - Problema: Ocultar Div que contiene Progress Bar me

   
Vista:

Problema: Ocultar Div que contiene Progress Bar me

Publicado por Jonathan (2 intervenciones) el 06/01/2010 15:18:48
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.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Problema: Ocultar Div que contiene Progress Bar

Publicado por Jonathan (2 intervenciones) el 06/01/2010 16:42:35
Me respondo solo jajaja
en el evento Load contrui mi sentencia JavaScript y con el poderoso ScriptManager.RegisterStartupScript lo ejecute y santo remedio =)

if (FlagProgress == true)
{
strScript = "";
strScript += "clearTimeout(progressTimer);";
strScript += "for (var i = 1; i <= progressEnd; i++) ";
strScript += "document.getElementById('progress'+i).style.backg roundColor = 'transparent';";
strScript += "progressAt = 0;";
strScript += "document.getElementById('showbar').style.visibili ty = 'hidden';";
strScript += "document.getElementById('ContenedorProgress').sty le.visibility='hidden';";
strScript += "document.getElementById('capaFondo1').style['filter'] = 'alpha(opacity=50)';";
strScript += "document.getElementById('capaFondo1').style['opacity'] = '0.5';";
ScriptManager.RegisterStartupScript(this.ImageButt on6, GetType(), "script", strScript, true);
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar