Foros del Web » Programación web » ASPX (.net) »

Poner imagenes mientras se realiza un proceso

Estas en el tema de Poner imagenes mientras se realiza un proceso en el foro de ASPX (.net) en Foros del Web. Hola, como estan necesito de su ayuda, alguien me puede indicar como hacer para que cuando se este realizando un proceso en mi aplicacion, por ...
  #1 (permalink)  
Antiguo 07/06/2008, 11:29
Avatar de wiro  
Fecha de Ingreso: abril-2006
Mensajes: 72
Antigüedad: 8 años, 4 meses
Puntos: 0
Poner imagenes mientras se realiza un proceso

Hola, como estan

necesito de su ayuda, alguien me puede indicar como hacer para que cuando se este realizando un proceso en mi aplicacion, por ejemplo un calculo que demora unos 5 o 8 segundos que miestras esto sucede en mi aplicacion me aparesca algo parecido al puntero del reloj de arena de vb 6.0 esto le indicara al usuario que mientras el reloj de arena este en pantalla es que el calculo se esta realizando. Yo estoy desarrollando en ASP.NET 2005, tengo controles ingragistic y los AJAX pero aun soy nuevo en este y no he podido hacerlo, aves entro a algunas paginas y cuando solicito cierta informacion he notado que miestras esta informacion se carga aparece algo parecido a unos engranajes dando vuelta, o un mundo girando imagenes de ese etilo, como hago para tener algo asi.

bueno gracias por su tiempo, espero su ayuda
  #2 (permalink)  
Antiguo 07/06/2008, 15:43
 
Fecha de Ingreso: noviembre-2006
Ubicación: México
Mensajes: 866
Antigüedad: 7 años, 9 meses
Puntos: 8
Respuesta: Poner imagenes mientras se realiza un proceso

Que tal.

Puedes usar un updatepanel: http://msdn.microsoft.com/es-es/libr...datepanel.aspx

y un update progress ( http://msdn.microsoft.com/es-es/libr...eprogress.aspx ). El cual crea el efecto que seguramente haz visto.

Saludos!
P.D. Sobre infragistics no te recomiendo su uso. Pues alentan las aplicaciones, aunque sean muy vistosos.
  #3 (permalink)  
Antiguo 07/06/2008, 18:52
Avatar de mdavila  
Fecha de Ingreso: julio-2007
Ubicación: Montevideo (Uruguay)
Mensajes: 918
Antigüedad: 7 años, 1 mes
Puntos: 13
Respuesta: Poner imagenes mientras se realiza un proceso

Hola, eso lo pones en tu codigo html donde lo quieras, yo lo tengo dentro del updatepanel.
Buscate un lindo gif y cambia la frase "Cargando..." si queres. Suerte y Saludos

<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
<div>
<img alt="Cargando" height="15" src="Cargando.gif" style="vertical-align: middle" width="15" />
Cargando...
</div>
</ProgressTemplate>
</asp:UpdateProgress>
  #4 (permalink)  
Antiguo 09/06/2008, 07:18
Avatar de wiro  
Fecha de Ingreso: abril-2006
Mensajes: 72
Antigüedad: 8 años, 4 meses
Puntos: 0
Muchas gracias amigos, me han sido de mucha ayuda, provare el codigo que me has enviado y gracias tambien por el tip de los infragistics.

Última edición por wiro; 09/06/2008 a las 07:52
  #5 (permalink)  
Antiguo 09/06/2008, 07:59
Avatar de wiro  
Fecha de Ingreso: abril-2006
Mensajes: 72
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Poner imagenes mientras se realiza un proceso

Hola amigos, ya lei los link que me enviaron y prove el codigo que me mando mdavila, pero aun no entonedo jaja perdon.... haber el codigo que mandaste mdavila si lo coloco en mi html cuando regreso al modo de diseño puedo ver la imagen que ya consegui, puedo ver el gif girando... pero como voy hacer para que esta aparezca cuando le doy al boton que se encarga de realizar x proceso, este boton tiene code behind escrito es asp (VB) el codigo hace todo el proceso y mientras eso ocurre yo quiero poner esa imagen girar para que mi usuario sepa que se esta realizando el trabajo. tengo que usar estos controles de ajax (scripmanage, updatepanel, update progress) para que me funcione lo de la imagen.

me pueden aclarar un poquito mas, muchas gracias
  #6 (permalink)  
Antiguo 09/06/2008, 08:35
Avatar de mdavila  
Fecha de Ingreso: julio-2007
Ubicación: Montevideo (Uruguay)
Mensajes: 918
Antigüedad: 7 años, 1 mes
Puntos: 13
Respuesta: Poner imagenes mientras se realiza un proceso

No te preocupes del boton, solo tenes que poner el Id del UpdatePanel
AssociatedUpdatePanelID="TuUpdatePanelId"

Contame si pudiste.
  #7 (permalink)  
Antiguo 09/06/2008, 08:42
Avatar de erick_arcini  
Fecha de Ingreso: julio-2005
Ubicación: Jaltenco / DF
Mensajes: 1.722
Antigüedad: 9 años, 1 mes
Puntos: 49
Respuesta: Poner imagenes mientras se realiza un proceso

Hola wiro que tal, tal vez ellos te explicaron la parte del update progress y update panel pero tal vez te hace falta un ejemplito

Dentro de tu UpdatePanel tienes que colocar tu UpdateProgres para que logres lo que tu deseas, te dejo este code haber si le entiendes a lo que te digo.

Código:
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
   <ContentTemplate>
       <asp:ImageButton ID="ImageButton4" runat="server" ImageUrl="imagenes/pic4.jpg" AlternateText="Promociones del mes"
                                                OnClick="ImageButton1_Click" />



<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
      <img src="imagenes/cargar.gif" alt="" />
</ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel> 
__________________
Mejoremos nuestro país, ayudemos al planeta... próximamente.
  #8 (permalink)  
Antiguo 09/06/2008, 11:43
Avatar de wiro  
Fecha de Ingreso: abril-2006
Mensajes: 72
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Poner imagenes mientras se realiza un proceso

OK mucha gracia por su paciencia amigos, y les cuento que estoy investigando por mi parte para que no creen que solo estoy preguntando nada mas jajaja.

Bueno ya he entendido en una gran parte como es que funciona esto, pero aun no me sale bien, haber les explico.
primero debi agregar un ScritManager, luego agregue un UpdatePanel, dentro de este agregue los controles que necesito para hacer mis consulta (botones, RadioButtonlist, Calendario para selecionar una fecha. etc) luego agregue el UpdateProgress y a este le agregue una imagen que es la que quiero se muestre mientras se esta realizando la opreacion.
luego de haber seleccionado unas fechas y una de las opciones del radiobuttonlist hago un click en el boton y inicia el proceso, ene ste momento miestras se ejecuta ese proceso es que quiero aparezca la imagen o algo asi, pero esto aun no ocurre, leyendo encontre que debo asociar el UpdateProgress con el UpdatePanel por el ID, esto ya lo hice, ahora demas de que no me sale la imagen (.gif) ahora tanpoco puedo hacer click en los controles que estan dentro del UpdatePanel, es decir los controles estan como desabilitados, no puedo hacer click en ninguno de ellos.

bueno espero no abrumarlos, me pueden ayudar.
  #9 (permalink)  
Antiguo 09/06/2008, 11:47
Avatar de Peterpay
Colaborador
 
Fecha de Ingreso: septiembre-2007
Ubicación: San Francisco, United States
Mensajes: 3.858
Antigüedad: 6 años, 11 meses
Puntos: 87
Respuesta: Poner imagenes mientras se realiza un proceso

pon tu codigo como lo tienes actualmente
__________________
Curso WF4
http://cursos.gurudotnet.com/ DF
Aprende HTML5
  #10 (permalink)  
Antiguo 09/06/2008, 12:02
Avatar de erick_arcini  
Fecha de Ingreso: julio-2005
Ubicación: Jaltenco / DF
Mensajes: 1.722
Antigüedad: 9 años, 1 mes
Puntos: 49
Respuesta: Poner imagenes mientras se realiza un proceso

Espero hayas revisado el código que te puse en mi comentario anterior, el updateprogress esta dentro del updatepanel.

Lo de tus controles, si estas usando CSS puede que estén en un nivel inferior, es decir, que haya algo que te esta estorbando por delante.
__________________
Mejoremos nuestro país, ayudemos al planeta... próximamente.
  #11 (permalink)  
Antiguo 09/06/2008, 12:24
Avatar de wiro  
Fecha de Ingreso: abril-2006
Mensajes: 72
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Poner imagenes mientras se realiza un proceso

ok amigos ahi le dejo el codigo espero y me puedan ayudar.

<%@ Page Language="VB" MasterPageFile="~/MasterPage2.master" AutoEventWireup="false" CodeFile="caja.aspx.vb" Inherits="caja" title="Caja" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="asp" %>

<%@ Register Assembly="Infragistics2.WebUI.WebDateChooser.v7.1, Version=7.1.20071.40, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
Namespace="Infragistics.WebUI.WebSchedule" TagPrefix="igsch" %>

<%@ Register Assembly="Infragistics2.WebUI.WebDataInput.v7.1, Version=7.1.20071.40, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
Namespace="Infragistics.WebUI.WebDataInput" TagPrefix="igtxt" %>
<%@ Register Assembly="Cooperator.Framework.Web" Namespace="Cooperator.Framework.Web.Controls"
TagPrefix="nds" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<table style="width: 808px">
<tr>
<asp:Label ID="Label1" runat="server" Text="Opciones para Caja" ForeColor ="#ffffcc"></asp:Label><td rowspan="2" style="vertical-align: top; width: 251px; height: 176px">
&nbsp;<asp:ScriptManager id="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel id="UpdatePanel1" runat="server">
<contenttemplate>
<TABLE style="WIDTH: 224px; BORDER-TOP-STYLE: outset; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; HEIGHT: 224px; BORDER-BOTTOM-STYLE: outset"><TR><TD style="VERTICAL-ALIGN: top; WIDTH: 108px; HEIGHT: 106px"><BR /><TABLE style="LEFT: 0px; WIDTH: 296px; POSITION: relative; TOP: -14px"><TR><TD style="WIDTH: 100px; HEIGHT: 30px"><igsch:WebDateChooser style="LEFT: 16px; POSITION: relative; TOP: 8px" id="f1" runat="server" Width="112px">
<CalendarLayout DayNameFormat="FirstLetter" FooterFormat="" ShowFooter="False" ShowNextPrevMonth="False"
ShowTitle="False">
<SelectedDayStyle BackColor="#0054E3" />
<DayStyle BackColor="White" Font-Names="Arial" Font-Size="9pt" />
<OtherMonthDayStyle ForeColor="#ACA899" />
<DayHeaderStyle BackColor="#7A96DF" ForeColor="White" />
<TitleStyle BackColor="#9EBEF5" />
<CalendarStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
Font-Underline="False">
</CalendarStyle>
</CalendarLayout>
</igsch:WebDateChooser> </TD><TD style="WIDTH: 100px; HEIGHT: 30px"><igsch:WebDateChooser style="LEFT: 8px; POSITION: relative; TOP: 8px" id="f2" runat="server" Width="112px">
<CalendarLayout DayNameFormat="FirstLetter" FooterFormat="" ShowFooter="False" ShowNextPrevMonth="False"
ShowTitle="False">
<SelectedDayStyle BackColor="#0054E3" />
<DayStyle BackColor="White" Font-Names="Arial" Font-Size="9pt" />
<OtherMonthDayStyle ForeColor="#ACA899" />
<DayHeaderStyle BackColor="#7A96DF" ForeColor="White" />
<TitleStyle BackColor="#9EBEF5" />
<CalendarStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
Font-Underline="False">
</CalendarStyle>
</CalendarLayout>
</igsch:WebDateChooser> </TD></TR></TABLE><asp:RadioButtonList style="COLOR: #ffffcc; FONT-FAMILY: Arial" id="RadioButtonList1" runat="server" Width="296px" Height="88px" Font-Size="Small">
<asp:ListItem Value="i0">Verificar Caja vs CBOTROSPAGOS</asp:ListItem>
<asp:ListItem Value="i1">Verificar Traslado de Remesas (cierre de caja)</asp:ListItem>
<asp:ListItem Value="i2">Verificar Cajas Cerrada con CD en 0</asp:ListItem>
<asp:ListItem Value="i3">Verificar Cajas vs CBRECPAGOS</asp:ListItem>
</asp:RadioButtonList>&nbsp;<igtxt:WebImageButton id="WebImageButton1" runat="server" Width="296px" UseBrowserDefaults="False" Text="Hacer Verificación">
<RoundedCorners HeightOfBottomEdge="2" HoverImageUrl="ig_butCRM2.gif" ImageUrl="ig_butCRM1.gif"
MaxHeight="40" MaxWidth="400" PressedImageUrl="ig_butCRM2.gif" RenderingType="FileImages"
WidthOfRightEdge="2" />
</igtxt:WebImageButton> </TD></TR></TABLE> <asp:UpdateProgress id="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1"><ProgressTe mplate>
<IMG src="Imagenes/ig_progressIndicator.gif" /> Actualizando
</ProgressTemplate>
</asp:UpdateProgress>
</contenttemplate>
</asp:UpdatePanel>
</td>
<td rowspan="2" style="width: 100px; height: 176px; vertical-align: top;">
&nbsp;<table>
<tr>
<td style="vertical-align: top; width: 100px; height: 267px">
<asp:GridView ID="dg1" runat="server" AllowPaging="True" AllowSorting="True" CellPadding="4"
Font-Size="Small" ForeColor="#333333" GridLines="None" Width="640px" style="vertical-align: top" Height="0px" HorizontalAlign="Left">
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#EFF3FB" />
<EditRowStyle BackColor="#2461BF" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
</td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
<br />
<nds:MsgBox ID="MsgBox1" runat="server" />
<br />
<br />
</asp:Content>
  #12 (permalink)  
Antiguo 09/06/2008, 12:27
Avatar de Peterpay
Colaborador
 
Fecha de Ingreso: septiembre-2007
Ubicación: San Francisco, United States
Mensajes: 3.858
Antigüedad: 6 años, 11 meses
Puntos: 87
Respuesta: Poner imagenes mientras se realiza un proceso

y porq tienes el updateprogress dentro del update panel sacalo y ponlo despues del update panel
__________________
Curso WF4
http://cursos.gurudotnet.com/ DF
Aprende HTML5
  #13 (permalink)  
Antiguo 09/06/2008, 12:37
Avatar de mdavila  
Fecha de Ingreso: julio-2007
Ubicación: Montevideo (Uruguay)
Mensajes: 918
Antigüedad: 7 años, 1 mes
Puntos: 13
Respuesta: Poner imagenes mientras se realiza un proceso

Esto esta bien, en las propiedades del UpdateProgress hay una que es DisplayAfter, yo lo tengo en 500 vos?

Peterpay, igual funciona si esta dentro de un UpdatePanel.

Bye.
  #14 (permalink)  
Antiguo 09/06/2008, 12:40
Avatar de wiro  
Fecha de Ingreso: abril-2006
Mensajes: 72
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Poner imagenes mientras se realiza un proceso

ok ya hice eso, saque el UpdateProgress del UpdatePanel pero aun asi no puedo ver la imagen y tampoco puedo hacer click en ninguno de los controles que estan dentro del updatepanel, estan como desabilitados.
  #15 (permalink)  
Antiguo 09/06/2008, 14:28
Avatar de wiro  
Fecha de Ingreso: abril-2006
Mensajes: 72
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Poner imagenes mientras se realiza un proceso

Amigos, parece que el problemas es con los controles de Infragistics, es decir en el UpdatePanel tengo una seria de controles puestos que pertenecen a los componetes de Infragistics y son estos especificamente los que no se activan, por ejemplo tengo un WebDataChooser, este es genial ya que me muestra nada mas una caja de texto que al hacer click en ella se despliaga el calendario encima del resto de controles, esto es mejor que un calendario comun de los que traje ASP 2005 que te ocupan un gran espacio, por eso fue que lo elegi, ademas de unos botones que tienen una vista muy agradable para los usuarios, pero son estos controles los que no se activan, le agregue al UpdatePanel controles comunes de los que trae ASN y esos si se activan, alguien sabe algo de esto, se puede solucioanr esto.

Gracias
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 00:11.
SEO by vBSEO 3.3.2