如何在PDF末尾滚动时启用true或false按钮?

时间:2018-03-16 10:53:22

标签: jquery html css asp.net scroll

我有一个带有一个PDF和一个按钮的模态 enabled =“false”我想要做的就是当我完成PDF格式的滚动到 enabled =“true “,我不知道该怎么做。

enter image description here

HTML和ASPx

<form id="form1" runat="server">
        <input runat="server" type="hidden" id="hDocumento_id" />
        <input id="hUsuario" type="hidden" runat="server"/>
        <dx:ASPxCallback ID="CQFUNCIONES" ClientInstanceName="CQFUNCIONES" runat="server" >
            <ClientSideEvents  CallbackComplete ="function(s, e){Redireccionar(e.result);}" />
        </dx:ASPxCallback>
        <div class="wraper-popup">
            <div class="popup-body">
                <div class="innerPopup">
                    <iframe style="width:100%; height:100%;" id="iframeAbsolute" runat="server" src="" frameborder="0"  marginheight="0" marginwidth="0" scrolling="no" typeof="application/pdf" ></iframe>
                    <div class="clearfix"></div>
                    <div><asp:Label ID="lblResultado" runat="server" ForeColor ="Red" Text="* Este documento se ha aceptado correctamente. Por favor, espere a que el sistema pueda gestionar la firma del documento. "></asp:Label></div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>

       <%-- <dx:ASPxCallbackPanel ID="cbViewer" runat="server" ClientInstanceName="callbackPanel">
            <PanelCollection>
                <dx:PanelContent runat="server" SupportsDisabledAttribute="True">
                   <uc:PdfViewer ID="viewer" runat="server" PdfFilePath="FallCatalog.pdf" />
                </dx:PanelContent>
            </PanelCollection>
        </dx:ASPxCallbackPanel>--%>
        <dx:ASPxButton ID="btnFirmar" ClientInstanceName="btnFirmar" runat="server" Theme="MaterialCompact" Text="Aceptar" ClientEnabled="true" AutoPostBack="false" >
            <ClientSideEvents Click="function(s,e){ verificarRespuestas();}" />
        </dx:ASPxButton> 
    </form>

在此HTML中显示带有PDF嵌入的模式和按钮

JS

<script type="text/javascript">

        //$(function () {

        //    $(".innerPopup").mCustomScrollbar({
        //        axis: "y",
        //        scrollButtons: { enable: true },
        //        theme: "rounded-dots-dark",
        //        scrollInertia: '20',
        //        advanced: { autoExpandHorizontalScroll: true },
        //        callbacks: {
        //            onTotalScroll: function () {
        //                btnFirmar.SetEnabled(true);
        //            }
        //        }
        //    });

        //    var $vpH = $(window.top).height();
        //    $('.iframeAbsolute').height($vpH);
        //})
        function verificarRespuestas() {
            CQFUNCIONES.PerformCallback(document.getElementById('hDocumento_id').value);
        }

        function Redireccionar(value) {
            var resultado = value;
            if (resultado == 1) {
                //window.parent.abreCuestionario(document.getElementById('hDocumento_id').value);
                mostrarConfirmarCorreo();
            } else {
                mostrarConfirmarCorreo();

                //window.parent.enviar_post(document.getElementById('hDocumento_id').value);
            }
        }

        function mostrarConfirmarCorreo() {
            BootstrapDialog.show({
                title: 'Confirmar e-mail',
                message: function (dialog) {
                    var $content = $('<div><h5>Por favor, indique su correo electrónico.</h5><input type="email" name="direccionemail" id="direccionemail" class="form-control"><h5>Confirme su correo electrónico.</h5><input type="email" name="direccionemailConfirma" id="direccionemailConfirma" class="form-control"></div>');
                    return $content;
                },
                closable: false,

                buttons: [{
                    label: 'Cancelar',
                    action: function (dialog) {
                        dialog.close();
                        window.parent.cerrar_cuestionario();
                    }
                }, {
                    label: 'Aceptar',
                    cssClass: 'btn-primary',
                    action: function (dialog) {
                        var $mail = $('#direccionemail').val();
                        var $mailConfir = $('#direccionemailConfirma').val();

                        if (typeof $mail == "undefined" || $mail == "" || $mail == null) {
                            window.top.mostrarModal('Atención!', 'Introduzca una dirección de correo');
                        } else {
                            if ($mail !== $mailConfir) {
                                window.top.mostrarModal('Atención!', 'La direcciones de correo no coinciden');
                            } else {
                                window.parent.enviar_post(document.getElementById('hDocumento_id').value, $mail);
                                dialog.close();
                            }

                        }

                    }

                }]
            });
        }
    </script>

我在这里看了一些例子,但是当我尝试在我的代码中执行它们时不起作用。

我看这些例子:

Enable button when scroll bootstrap modal to bottom

Using jQuery, how do I force a visitor to scroll to the bottom of a textarea to enable the submit button?

我是前端开发人员并且在工作中告诉我这样做,当我看代码时,是ASPx,它是显示所有代码HTML的ASPx

你能帮我吗?

由于

0 个答案:

没有答案