none
problema para llamar una funcion JavaScript RRS feed

  • Pregunta

  • buenas tardes

    amigos del foro tengo un problemita con funcion de javascript 

    asp.net vb

     function ShowProgress() {
                setTimeout(function () {
                    var modal = $('<div />');
                    modal.addClass("modal");
                    $('body').append(modal);
                    var loading = $(".loading");
                    loading.show();
                    var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
                    var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
                    loading.css({ top: top, left: left });
                }, 200);
            }
            $('form').live("submit", function () {
                ShowProgress();
            });

    esta función llama a un loading.show

    da el efecto de carga por 5 segundos esto funciona lo malo que se activar por cualquier boton lo que yo quiero que funcione con el botón solo de carga  de imagen este el botón que ocupo para llamar a la función

     Protected Sub btnSubmit_Click(sender As Object, e As EventArgs) Handles btnSubmit.Click
            System.Threading.Thread.Sleep(5000)
          
        End Sub


     


    miércoles, 28 de octubre de 2015 14:44

Todas las respuestas

  • hola

    pero el selector que defines aplica a todos los botones de tipo submit

    si quieres que aplique a unos en concreto define el mas especifico

     $('#botonsubmit').click(function () {....

    o sino defines un unico boton que sea del tipo submit y los demas que sean button simples

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    miércoles, 28 de octubre de 2015 15:08
  • gracias por reponder leandro 

    pero no entiendo eso que dices que dejar los otro botones simples y

    y como lo dejo como sumit el boton que necesito por fa soy novato

    yo arrastro los botones al webform solamente y les cambio el nombre

     
     function ShowProgress() {
                setTimeout(function () {
                    var modal = $('<div />');
                    modal.addClass("modal");
                    $('body').append(modal);
                    var loading = $(".loading");
                    loading.show();
                    var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
                    var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
                    loading.css({ top: top, left: left });
                }, 200);
            }
            $('#btnSubmit').click(function () {
                ShowProgress();
            });

    miércoles, 28 de octubre de 2015 15:42
  • >>no entiendo eso que dices que dejar los otro botones simples

    que no sean del tipo type=submit sino que sean del tipo type=button

    >>yo arrastro los botones al webform solamente y les cambio el nombre

    o sea son controles de asp.net ? o sea todos invocan a evento, para mostrar un progress deberias haber usado

    [How Do I:] Use the ASP.NET AJAX UpdateProgress Control?

    de esta forma puedes suar eventos de asp.net y mostrar un progreso

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    • Marcado como respuesta Karen MalagónModerator jueves, 29 de octubre de 2015 18:45
    • Desmarcado como respuesta djnilo viernes, 30 de octubre de 2015 17:41
    miércoles, 28 de octubre de 2015 16:18
  • gracias por responder leandro pero el problema persiste por que trabajo con un FileUpload1 para subir imágenes lo que yo pretendo es cuan un usuario suba una imagen aparesca un gif de progreso o de carga

    lo hice como muestra en el vídeo funciona pero el problema que surge es que no funciona con FileUpload1 por el update panel no funciona  con FileUpload1

    entonces me puse investigar y encontré un código que lo hace funciona pero no puedo hacer correr el UpdateProgress Control?

     <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <div>
                <table width="50%" cellpadding="2" cellspacing="0">
                    <tr>
                        <td>
                            <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="conditional">
                                <ContentTemplate>
                                    <asp:FileUpload ID="FileUpload1" runat="server" />
                                    <asp:Button ID="Upload" runat="server" Text="Upload" OnClick="Upload_Click" />
                                    <asp:Button ID="btncancelar" runat="server" Text="cancelar" />
                                    <br />
                                    <asp:Image ID="NormalImage" runat="server" Height="100" Width="100" /></ContentTemplate>
                                <Triggers>
                                    <asp:PostBackTrigger ControlID="Upload" />
                                </Triggers>
                            </asp:UpdatePanel>
                        </td>
                    </tr>
                </table>
            </div>
            <asp:UpdateProgress ID="UpdateProgress1" runat="server">
                <ProgressTemplate>
                    prueba progresoa
                    <img alt="" class="style1" src="loading.gif" />
                    <br />
                </ProgressTemplate>
            </asp:UpdateProgress>
        </form>
    </body>
    </html>

    viernes, 30 de octubre de 2015 15:58