我有一个带有一个PDF和一个按钮的模态 enabled =“false”我想要做的就是当我完成PDF格式的滚动到 enabled =“true “,我不知道该怎么做。
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
我是前端开发人员并且在工作中告诉我这样做,当我看代码时,是ASPx,它是显示所有代码HTML的ASPx
你能帮我吗?
由于