Foros del Web » Programando para Internet » ASPX (.net) »

Problema: Ocultar Div que contiene Progress Bar mediante JavaScript en asp.net

Estas en el tema de Problema: Ocultar Div que contiene Progress Bar mediante JavaScript en asp.net en el foro de ASPX (.net) en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/01/2010, 08:02
 
Fecha de Ingreso: diciembre-2009
Mensajes: 23
Antigüedad: 14 años, 4 meses
Puntos: 0
Pregunta Problema: Ocultar Div que contiene Progress Bar mediante JavaScript en asp.net

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">&nbsp; &nbsp;</span>
<span id="progress2">&nbsp; &nbsp;</span>
<span id="progress3">&nbsp; &nbsp;</span>
<span id="progress4">&nbsp; &nbsp;</span>
<span id="progress5">&nbsp; &nbsp;</span>
<span id="progress6">&nbsp; &nbsp;</span>
<span id="progress7">&nbsp; &nbsp;</span>
<span id="progress8">&nbsp; &nbsp;</span>
<span id="progress9">&nbsp; &nbsp;</span>
<span id="progress10">&nbsp; &nbsp;</span>
<span id="progress11">&nbsp; &nbsp;</span>
<span id="progress12">&nbsp; &nbsp;</span>
<span id="progress13">&nbsp; &nbsp;</span>
<span id="progress14">&nbsp; &nbsp;</span>
<span id="progress15">&nbsp; &nbsp;</span>
<span id="progress16">&nbsp; &nbsp;</span>
<span id="progress17">&nbsp; &nbsp;</span>
<span id="progress18">&nbsp; &nbsp;</span>
</div>
</td> &nbsp;</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.
  #2 (permalink)  
Antiguo 06/01/2010, 08:31
Avatar de Myakire
Colaborador
 
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 22 años, 3 meses
Puntos: 146
Respuesta: Problema: Ocultar Div que contiene Progress Bar mediante JavaScript en asp

Movido desde ASP clásico
  #3 (permalink)  
Antiguo 06/01/2010, 08:34
 
Fecha de Ingreso: diciembre-2009
Mensajes: 23
Antigüedad: 14 años, 4 meses
Puntos: 0
Pregunta Respuesta: Problema: Ocultar Div que contiene Progress Bar mediante JavaScript en asp

Cita:
Iniciado por Myakire Ver Mensaje
Movido desde ASP clásico
Ke kiere decir Movido desde ASP clasico ?¿???

solo kiero que me den una mano con el problema que tengo si tu puedes ayudarme te lo agradeceria mucho.
  #4 (permalink)  
Antiguo 06/01/2010, 09:38
 
Fecha de Ingreso: diciembre-2009
Mensajes: 23
Antigüedad: 14 años, 4 meses
Puntos: 0
De acuerdo Respuesta: Problema: Ocultar Div que contiene Progress Bar mediante JavaScript en asp

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);
}

Etiquetas: bar, javascript, progress, aspx
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:42.